<!DOCTYPE html>
<!-- saved from url=(0113)https://www.mosoteach.cn/web/index.php?c=interaction&m=index&clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6 -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=980, user-scalable=yes">
    <meta name="format-detection" content="telephone=no">
    <title>云班课 - 活动列表</title>
    <link rel="icon" href="https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/favicon.ico"
        type="image/x-icon">
    <link rel="stylesheet" href="./small_files/font-awesome.min.css">
    <link rel="stylesheet" href="./small_files/ccp-login.css">

    <link rel="stylesheet" href="./small_files/fonts-win.css">

    <link rel="stylesheet" href="./small_files/style.css">

    <script src="./small_files/hm.js.下载"></script>
    <script type="text/javascript" src="./small_files/jquery.min.js.下载"></script>
    <script type="text/javascript" src="./small_files/jquery.lazyload.js.下载"></script>
    <script type="text/javascript" src="./small_files/easyloader.js.下载"></script>
    <script type="text/javascript" src="./small_files/layer.min.js.下载"></script>
    <link rel="stylesheet" href="./small_files/layer.css" id="layui_layer_skinlayercss" style="">
    <script type="text/javascript" src="./small_files/mosoteach2.js.下载"></script>
    <script type="text/javascript" src="./small_files/imagepicker.js.下载"></script>
    <!-- <script type="text/javascript" src="common/js/replace_cc_menu_bgimage.js"></script> -->
    <script type="text/javascript" src="./small_files/np.min.js.下载"></script>
    <script type="text/javascript">
        easyloader.base = 'https://static-cdn-oss.mosoteach.cn/third-party/jeasyui/1.5.1/';
        easyloader.locale = 'zh_CN';
        easyloader.theme = 'mosoteach';
        var MOSO_LATEX_TEX_CHTML = 'https://static-cdn-oss.mosoteach.cn/third-party/math-jax/3.0.5/es5/tex-mml-svg.js';
    </script>
    <!-- latex 公式支持 -->
    <script id="MathJax-script-config" defer="" src="./small_files/mathjax-config.js.下载"></script>
    <link rel="stylesheet" href="./small_files/interaction.css" title="no title" charset="utf-8">
    <script type="text/javascript" src="./small_files/time_selector.js.下载"></script>
    <script src="./small_files/tex-mml-svg.js.下载" async=""></script>
    <script type="text/javascript" src="./small_files/jquery.parser.js.下载"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/panel.css">
    <script type="text/javascript" src="./small_files/jquery.panel.js.下载"></script>
    <script src="./small_files/color.js.下载" charset="UTF-8"></script>
    <script src="./small_files/boldsymbol.js.下载" charset="UTF-8"></script>
    <script src="./small_files/mhchem.js.下载" charset="UTF-8"></script>
    <script src="./small_files/verb.js.下载" charset="UTF-8"></script>
    <script src="./small_files/physics.js.下载" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/tooltip.css">
    <script type="text/javascript" src="./small_files/jquery.tooltip.js.下载"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/validatebox.css">
    <script type="text/javascript" src="./small_files/jquery.validatebox.js.下载"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/linkbutton.css">
    <script type="text/javascript" src="./small_files/jquery.linkbutton.js.下载"></script>
    <style type="text/css">
        .CtxtMenu_InfoClose {
            top: .2em;
            right: .2em;
        }

        .CtxtMenu_InfoContent {
            overflow: auto;
            text-align: left;
            font-size: 80%;
            padding: .4em .6em;
            border: 1px inset;
            margin: 1em 0px;
            max-height: 20em;
            max-width: 30em;
            background-color: #EEEEEE;
            white-space: normal;
        }

        .CtxtMenu_Info.CtxtMenu_MousePost {
            outline: none;
        }

        .CtxtMenu_Info {
            position: fixed;
            left: 50%;
            width: auto;
            text-align: center;
            border: 3px outset;
            padding: 1em 2em;
            background-color: #DDDDDD;
            color: black;
            cursor: default;
            font-family: message-box;
            font-size: 120%;
            font-style: normal;
            text-indent: 0;
            text-transform: none;
            line-height: normal;
            letter-spacing: normal;
            word-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            float: none;
            z-index: 201;
            border-radius: 15px;
            /* Opera 10.5 and IE9 */
            -webkit-border-radius: 15px;
            /* Safari and Chrome */
            -moz-border-radius: 15px;
            /* Firefox */
            -khtml-border-radius: 15px;
            /* Konqueror */
            box-shadow: 0px 10px 20px #808080;
            /* Opera 10.5 and IE9 */
            -webkit-box-shadow: 0px 10px 20px #808080;
            /* Safari 3 & Chrome */
            -moz-box-shadow: 0px 10px 20px #808080;
            /* Forefox 3.5 */
            -khtml-box-shadow: 0px 10px 20px #808080;
            /* Konqueror */
            filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color="gray", Positive="true");
            /* IE */
        }
    </style>
    <style type="text/css">
        .CtxtMenu_MenuClose {
            position: absolute;
            cursor: pointer;
            display: inline-block;
            border: 2px solid #AAA;
            border-radius: 18px;
            -webkit-border-radius: 18px;
            /* Safari and Chrome */
            -moz-border-radius: 18px;
            /* Firefox */
            -khtml-border-radius: 18px;
            /* Konqueror */
            font-family: "Courier New", Courier;
            font-size: 24px;
            color: #F0F0F0
        }

        .CtxtMenu_MenuClose span {
            display: block;
            background-color: #AAA;
            border: 1.5px solid;
            border-radius: 18px;
            -webkit-border-radius: 18px;
            /* Safari and Chrome */
            -moz-border-radius: 18px;
            /* Firefox */
            -khtml-border-radius: 18px;
            /* Konqueror */
            line-height: 0;
            padding: 8px 0 6px
                /* may need to be browser-specific */
        }

        .CtxtMenu_MenuClose:hover {
            color: white !important;
            border: 2px solid #CCC !important
        }

        .CtxtMenu_MenuClose:hover span {
            background-color: #CCC !important
        }

        .CtxtMenu_MenuClose:hover:focus {
            outline: none
        }
    </style>
    <style type="text/css">
        .CtxtMenu_Menu {
            position: absolute;
            background-color: white;
            color: black;
            width: auto;
            padding: 5px 0px;
            border: 1px solid #CCCCCC;
            margin: 0;
            cursor: default;
            font: menu;
            text-align: left;
            text-indent: 0;
            text-transform: none;
            line-height: normal;
            letter-spacing: normal;
            word-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            float: none;
            z-index: 201;
            border-radius: 5px;
            /* Opera 10.5 and IE9 */
            -webkit-border-radius: 5px;
            /* Safari and Chrome */
            -moz-border-radius: 5px;
            /* Firefox */
            -khtml-border-radius: 5px;
            /* Konqueror */
            box-shadow: 0px 10px 20px #808080;
            /* Opera 10.5 and IE9 */
            -webkit-box-shadow: 0px 10px 20px #808080;
            /* Safari 3 & Chrome */
            -moz-box-shadow: 0px 10px 20px #808080;
            /* Forefox 3.5 */
            -khtml-box-shadow: 0px 10px 20px #808080;
            /* Konqueror */
        }

        .CtxtMenu_MenuItem {
            padding: 1px 2em;
            background: transparent;
        }

        .CtxtMenu_MenuArrow {
            position: absolute;
            right: .5em;
            padding-top: .25em;
            color: #666666;
            font-family: null;
            font-size: .75em
        }

        .CtxtMenu_MenuActive .CtxtMenu_MenuArrow {
            color: white
        }

        .CtxtMenu_MenuArrow.CtxtMenu_RTL {
            left: .5em;
            right: auto
        }

        .CtxtMenu_MenuCheck {
            position: absolute;
            left: .7em;
            font-family: null
        }

        .CtxtMenu_MenuCheck.CtxtMenu_RTL {
            right: .7em;
            left: auto
        }

        .CtxtMenu_MenuRadioCheck {
            position: absolute;
            left: .7em;
        }

        .CtxtMenu_MenuRadioCheck.CtxtMenu_RTL {
            right: .7em;
            left: auto
        }

        .CtxtMenu_MenuInputBox {
            padding-left: 1em;
            right: .5em;
            color: #666666;
            font-family: null;
        }

        .CtxtMenu_MenuInputBox.CtxtMenu_RTL {
            left: .1em;
        }

        .CtxtMenu_MenuComboBox {
            left: .1em;
            padding-bottom: .5em;
        }

        .CtxtMenu_MenuLabel {
            padding: 1px 2em 3px 1.33em;
            font-style: italic
        }

        .CtxtMenu_MenuRule {
            border-top: 1px solid #DDDDDD;
            margin: 4px 3px;
        }

        .CtxtMenu_MenuDisabled {
            color: GrayText
        }

        .CtxtMenu_MenuActive {
            background-color: #606872;
            color: white;
        }

        .CtxtMenu_MenuDisabled:focus {
            background-color: #E8E8E8
        }

        .CtxtMenu_MenuLabel:focus {
            background-color: #E8E8E8
        }

        .CtxtMenu_ContextMenu:focus {
            outline: none
        }

        .CtxtMenu_ContextMenu .CtxtMenu_MenuItem:focus {
            outline: none
        }

        .CtxtMenu_Menu .CtxtMenu_MenuClose {
            top: -10px;
            left: -10px
        }
    </style>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/textbox.css">
    <script type="text/javascript" src="./small_files/jquery.textbox.js.下载"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/combo.css">
    <script type="text/javascript" src="./small_files/jquery.combo.js.下载"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/combobox.css">
    <script type="text/javascript" src="./small_files/jquery.combobox.js.下载"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/calendar.css">
    <script type="text/javascript" src="./small_files/jquery.calendar.js.下载"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="./small_files/datebox.css">
    <script type="text/javascript" src="./small_files/jquery.datebox.js.下载"></script>
</head>

<body rlt="1" style="">
    <header id="header-box">
        <div class="header-main">
            <a href="https://www.mosoteach.cn/web/index.php?c=clazzcourse&amp;m=index" class="logo"></a>
            <div class="information-box">
                <!--<div class="extension-library left-float">
                    <a href="http://sync.cctr.net.cn/" target="_blank" id="extension-library">外部资源库</a>
                </div>
                <div class="left-float vertical-bar"></div>-->
                <div class="left-float">
                    <a href="https://www.mosoteach.cn/web/index.php?c=task&amp;m=index" id="task-center-button">任务中心</a>
                </div>

                <div class="left-float vertical-bar"></div>

                <div class="ccp left-float">
                    <a href="https://www.mosoteach.cn/web/index.php?c=ccp&amp;m=index" id="ccp-button">教学包</a>
                </div>

                <div class="left-float vertical-bar"></div>

                <div class="library-manager left-float">
                    <a href="https://www.mosoteach.cn/web/index.php?c=library_manager&amp;m=index"
                        id="library-manager-button">库管理</a>
                </div>

                <div class="left-float vertical-bar"></div>

                <div class="my-quiz left-float">
                    <a id="my-quiz-button" href="https://www.mosoteach.cn/web/index.php?c=quiz">我的题库</a>
                </div>

                <div class="left-float vertical-bar"></div>

                <div class="left-float">
                    <!--                        判断是否登陆-->
                    <a id="throwing_screen_button"
                        href="https://www.mosoteach.cn/web/index.php?c=throwing_screen&amp;m=screen_entry"
                        target="_blank">手机投屏</a>
                </div>

                <div class="left-float vertical-bar"></div>

                <!--<div class="news-box left-float color-66" data-hidden="N">
					<i class="icon-bell" style="font-size:20px;"></i>
					<span id="news-button" class="color-33">信息</span>
					<div class="news-num">6</div>
				</div>
                <div class="left-float vertical-bar"></div>
-->

                <div class="user-information-box left-float">
                    <a href="https://www.mosoteach.cn/web/index.php?c=user&amp;m=account_information"
                        style="display:inline-block;vertical-align:top;line-height:50px;">
                        <img alt="" src="./small_files/d181b4adc73d870ee7bd947ace9e161e.jpg" width="30"
                            class="user-photo">
                        <span class="out-hide " style="margin:0 10px;max-width:70px;vertical-align:middle;">陆桂莺 </span>
                    </a>
                    <a href="https://www.mosoteach.cn/web/index.php?c=user&amp;m=logout">退出</a>
                    <a href="http://help.mosoteach.cn/" target="_blank" style="margin-left: 25px;">帮助</a>
                </div>
            </div>
            <div class="new-information-box">
                <img src="./small_files/square-up.png" alt="my quiz">
                <div class="new-information">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div id="view-all"></div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {

                //设置新信息框的显示位置
                /*var newsBoxLeft = $('.news-box')[0].getBoundingClientRect();
				$('.new-information-box').css('left', newsBoxLeft.left - 95);

				//鼠标悬停在信息按钮时 显示信息框
				$('.news-box').hover(function () {
					$('.news-box').css('color','#00BBDD');
					$('.new-information-box').stop();
					$('.new-information-box').fadeIn('300');
                    $('#news-button').addClass('color-blue');
				}, function () {
					setTimeout(function () {
						var isHidden = $('.news-box').attr('data-hidden');
						if (isHidden === 'N') {
							$('.news-box').css('color','#666');
                            $('#news-button').removeClass('color-blue');
							$('.new-information-box').stop();
							$('.new-information-box').fadeOut('300');
						}
					}, 100);
				});
				$('.new-information-box').hover(function () {
					$('.news-box').attr('data-hidden','Y');
				}, function () {
					$('.news-box').css('color','#666');
                    $('#news-button').removeClass('color-blue');
					$('.new-information-box').stop();
					$('.new-information-box').fadeOut('300');
					$('.news-box').attr('data-hidden','N');
				});*/
            });
        </script>
    </header>
    <!-- 班课导航菜单 start -->
    <div id="menu">
        <div id="menu-head-box">
            <div id="menu-head-content">
                <div id="cc-cover-box">
                    <img src="./small_files/4af18ce86301a92a84f8b0a0dea7fa32.jpg" alt="" id="cc-cover"
                        onerror="imgErrorForNav(this)">
                </div>

                <div class="cc-name">
                    <span class="color-33 fontsize-16">2018级软件工程1班</span>
                    <div class="clear5"></div>
                    <span class="color-66">Java程序高级开发</span>
                </div>
            </div>
        </div>

        <div id="menu-content-box">
            <div id="menu-content">
                <a href="https://www.mosoteach.cn/web/index.php?c=res&amp;m=index&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6"
                    class="">
                    <span class="fontsize-14">资源</span>
                    <span class="fontsize-12">(133)</span>
                </a>
                <a href="https://www.mosoteach.cn/web/index.php?c=member&amp;m=index&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6"
                    class="">
                    <span class="fontsize-14">成员</span>
                    <span class="fontsize-12">(73)</span>
                </a>
                <a href="https://www.mosoteach.cn/web/index.php?c=interaction&amp;m=index&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6"
                    class="selected">
                    <span class="fontsize-14">活动</span>
                    <span class="fontsize-12">(45)</span>
                </a>
                <a href="https://www.mosoteach.cn/web/index.php?c=msg&amp;m=index&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6"
                    class="cc-menu-msg ">
                    <span class="fontsize-14">消息</span>
                    <span class="fontsize-12">(1)</span>
                </a>
                <a href="https://www.mosoteach.cn/web/index.php?c=clazzcourse&amp;m=detail&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6"
                    class="">
                    <span class="fontsize-14">详情</span>
                </a>
            </div>
        </div>
    </div>

    <script>
        function imgErrorForNav(_this) {
            $(_this).attr('src', 'https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/book-cover-new.png');
        }
    </script>
    <!-- 班课导航菜单 end -->
    <div class="clear40"></div>

    <div id="cc-main" style="min-height: 389px;">
        <div class="cc-subdata-operation-bar">
            <a href="https://www.mosoteach.cn/web/index.php?c=interaction_performance&amp;m=index&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;status="
                class="icon-link"
                style="background-image: url(&#39;https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/classroom-performance.png&#39;); background-size:20px 22px;bacground-position: center -1px;">课堂表现</a>
        </div>

        <div class="clear30"></div>

        <div id="interaction-search">
            <form id="search-interaction" action="https://www.mosoteach.cn/web/index.php" method="get">
                <input type="hidden" name="c" value="interaction">
                <input type="hidden" name="m" value="index">
                <input type="hidden" name="clazz_course_id" value="9E603F91-4AF8-11EA-9C7F-98039B1848C6">
                <input type="hidden" name="status" value="">
                <input type="text" name="keyword" value="" autocomplete="off" placeholder="根据活动名称搜索">
                <i class="icon-search"></i>
            </form>
        </div>

        <div class="clear20"></div>
        <div id="view-manner" style="margin:0 20px;">
            <i class="icon-ok-circle" data-status=""></i>
            <span>全部活动</span>
            <i class="icon-circle-blank" data-status="IN_PRGRS"></i>
            <span>进行中</span>
            <i class="icon-circle-blank" data-status="END"></i>
            <span>已结束</span>
        </div>
        <div class="clear40"></div>
        <div id="interaction-list-box" style="margin:0 20px;">
            <div class="interaction-group" data-id="F84A9527-8B21-F944-66C8-B1F0D5161058">
                <div class="group-name color-33" data-status="N">
                    <span title="16结课">16结课</span>
                    <span>( 3 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>
                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="653E5D96-8AE9-1281-5352-3BE3DD08E18C"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=653E5D96-8AE9-1281-5352-3BE3DD08E18C&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">
                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-08-16教学总结：个人体会">
                                    2020-08-16教学总结：个人体会
                                </span>
                            </div>
                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>52</span>
                                    <span>人参与</span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-08-16</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">8 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="" data-appraiser-id="" data-type="VOTE"
                        data-show="show" data-row-status="END" data-id="3D68871E-5F78-8101-5C96-CBD8C3900F58"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_vote&amp;m=view_vote&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=3D68871E-5F78-8101-5C96-CBD8C3900F58&amp;order_item=group&amp;status=">
                        <img src="./small_files/activities-list-icon-vote.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">
                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-08-16问卷调查：教学总结">
                                    2020-08-16问卷调查：教学总结
                                </span>
                            </div>
                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共</span>
                                    <span>15</span>
                                    <span>道题目</span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>共 </span>
                                    <span>62</span>
                                    <span>人作答</span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-08-16</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 其他活动 -->
                                    <span style="color:#8FC31F;">5 经验</span>
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="1D9307AB-2C2C-AEA3-6402-FA17E89235DF"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=1D9307AB-2C2C-AEA3-6402-FA17E89235DF&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">
                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-06-25结课">
                                    2020-06-25结课
                                </span>
                            </div>
                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>66</span>
                                    <span>人参与</span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-06-25</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">10 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="2DDAB344-5C47-1DD1-AE5C-53ED265408BF">
                <div class="group-name color-33" data-status="N">
                    <span title="13多线程编程基础">13多线程编程基础</span>
                    <span>( 2 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="89B9BDCF-48D5-2B06-4E39-44DBD12A8F9C"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=89B9BDCF-48D5-2B06-4E39-44DBD12A8F9C&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-05-15编程题：线程同步">
                                    2020-05-15编程题：线程同步 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>2</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-05-14</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <!-- 被评价得分 -->
                                    <span style="color:#EC6941;">10 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="2C12ADF1-FACD-2647-69C5-961046B2E302"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=2C12ADF1-FACD-2647-69C5-961046B2E302&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-05-15课堂完成部分：多线程编程基础">
                                    2020-05-15课堂完成部分：多线程编程基础 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>66</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-05-14</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">11 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="5C5E0903-D902-354C-45CD-26ABAB574BAD">
                <div class="group-name color-33" data-status="N">
                    <span title="12JDBC">12JDBC</span>
                    <span>( 3 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="1DDF7B40-8FE5-6CB9-FF94-49C50EA0E880"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=1DDF7B40-8FE5-6CB9-FF94-49C50EA0E880&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-04-17编程题：数据访问类">
                                    2020-04-17编程题：数据访问类 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>5</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-04-17</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">10 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="E8788BFB-CA20-4AFB-EE67-BBD10FDD7135"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=E8788BFB-CA20-4AFB-EE67-BBD10FDD7135&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-04-17课堂完成部分：JDBC编程">
                                    2020-04-17课堂完成部分：JDBC编程 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>63</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-04-17</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">11 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="EACH_OTHER" data-appraiser-id=""
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="902797F3-419D-4B3A-363B-FE6FC9E21564"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=902797F3-419D-4B3A-363B-FE6FC9E21564&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-04-17课堂小测：文本文件">
                                    2020-04-17课堂小测：文本文件 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>66</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-04-17</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">5 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 加号 -->
                                    <span style="color:#8FC31F;"> + </span>
                                    <!-- 互评分 -->
                                    <span style="color:#8FC31F;">互评 5 经验</span>
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="E74776B7-618D-BB14-F3E7-4EE9FD248352">
                <div class="group-name color-33" data-status="N">
                    <span title="11IO流与Stream流">11IO流与Stream流</span>
                    <span>( 4 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="D5FF828F-9A2F-773D-2E63-0D3E5836A94C"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=D5FF828F-9A2F-773D-2E63-0D3E5836A94C&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-04-07附加题：Stream流统计字频">
                                    2020-04-07附加题：Stream流统计字频 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>3</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-04-07</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <!-- 被评价得分 -->
                                    <span style="color:#EC6941;">5 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="9B60E2C8-8651-E29C-D711-7A829CCDADF5"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=9B60E2C8-8651-E29C-D711-7A829CCDADF5&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-04-07编程题：文本编辑器">
                                    2020-04-07编程题：文本编辑器 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>6</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-04-07</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <!-- 被评价得分 -->
                                    <span style="color:#EC6941;">11 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="BA2771E5-63FB-0C6E-BDE3-D0FA48F55201"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=BA2771E5-63FB-0C6E-BDE3-D0FA48F55201&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-04-07课堂完成部分：文件读写">
                                    2020-04-07课堂完成部分：文件读写 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>64</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-04-07</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">9 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="EACH_OTHER" data-appraiser-id=""
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="51185627-997B-8E32-745C-472769529A10"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=51185627-997B-8E32-745C-472769529A10&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-04-07课堂小测：文件复制">
                                    2020-04-07课堂小测：文件复制 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-04-07</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">13 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 加号 -->
                                    <span style="color:#8FC31F;"> + </span>
                                    <!-- 互评分 -->
                                    <span style="color:#8FC31F;">互评 3 经验</span>
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="8C29695C-0C1F-4F92-BEE5-A093D800278B">
                <div class="group-name color-33" data-status="N">
                    <span title="10函数式接口与Lambda表达式">10函数式接口与Lambda表达式</span>
                    <span>( 4 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="" data-appraiser-id="" data-type="QUIZ"
                        data-show="show" data-row-status="END" data-id="2E3A87E2-6956-032E-E306-111F9D2690B8"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_quiz&amp;m=quiz_ranking&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=2E3A87E2-6956-032E-E306-111F9D2690B8&amp;order_item=group&amp;status=">
                        <img src="./small_files/activities-list-icon-testing.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-04-02课前自测：复习文件管理">
                                    2020-04-02课前自测：复习文件管理 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共</span>
                                    <span>5</span>
                                    <span>道题目</span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>共 </span>
                                    <span>64</span>
                                    <span>
                                        人作答 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-04-02</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 其他活动 -->
                                    <span style="color:#8FC31F;">1 经验</span>
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="7DF6BA00-D778-DFA0-E52E-488B7AA63C11"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=7DF6BA00-D778-DFA0-E52E-488B7AA63C11&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-04-03编程题：对象排序">
                                    2020-04-03编程题：对象排序 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>4</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-31</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">4 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="EFDD3F7D-F9ED-8211-F5C3-9F62ECF2629C"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=EFDD3F7D-F9ED-8211-F5C3-9F62ECF2629C&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-04-03课堂完成部分：文件操作与函数式接口">
                                    2020-04-03课堂完成部分：文件操作与函数式接口 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>63</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-31</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">12 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="EACH_OTHER" data-appraiser-id=""
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="C56E6C07-D91D-54D7-BC37-91C59544A088"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=C56E6C07-D91D-54D7-BC37-91C59544A088&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-04-03课堂小测：事件处理与Lambda表达式">
                                    2020-04-03课堂小测：事件处理与Lambda表达式 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>68</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-31</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">8 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 加号 -->
                                    <span style="color:#EC6941;"> + </span>
                                    <!-- 互评分 -->
                                    <span style="color:#EC6941;">互评 4 经验</span>
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="5C2B3AFC-245D-7AA6-1F34-CE073F78F5D0">
                <div class="group-name color-33" data-status="N">
                    <span title="09常用组件与事件">09常用组件与事件</span>
                    <span>( 3 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="DBD793CD-E230-0554-FB00-62A2437D45A0"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=DBD793CD-E230-0554-FB00-62A2437D45A0&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-31附加题：GUI主窗口">
                                    2020-03-31附加题：GUI主窗口 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>4</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-31</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <!-- 被评价得分 -->
                                    <span style="color:#EC6941;">10 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="08E77013-3F9F-C02E-5B11-D7006264144A"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=08E77013-3F9F-C02E-5B11-D7006264144A&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-31编程题：修改字体">
                                    2020-03-31编程题：修改字体 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>11</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-31</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">5 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="2FD0302A-B932-FCA8-B1C7-7DE8C28864C2"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=2FD0302A-B932-FCA8-B1C7-7DE8C28864C2&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-03-31课堂完成部分：常用组件与事件">
                                    2020-03-31课堂完成部分：常用组件与事件 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-31</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">10 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="550E1F78-A1F8-9753-9F9B-944508C7EA34">
                <div class="group-name color-33" data-status="N">
                    <span title="08事件处理">08事件处理</span>
                    <span>( 3 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="08E172E8-DF41-7F14-4777-6AB033B4B011"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=08E172E8-DF41-7F14-4777-6AB033B4B011&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-24附加题：计算器v1.0">
                                    2020-03-24附加题：计算器v1.0 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>4</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-24</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">7 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="04875E46-0E4C-0694-7F78-4E5B3A992E94"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=04875E46-0E4C-0694-7F78-4E5B3A992E94&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-24编程题：组件随鼠标移动">
                                    2020-03-24编程题：组件随鼠标移动 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>24</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-24</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">5 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="42B44838-3C93-E501-FEDB-9F458830524A"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=42B44838-3C93-E501-FEDB-9F458830524A&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-24课堂完成部分：事件编程">
                                    2020-03-24课堂完成部分：事件编程 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-24</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">7 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="40B80799-8124-8F3B-4928-68007B1A4A1A">
                <div class="group-name color-33" data-status="N">
                    <span title="06Map集合与泛型进阶">06Map集合与泛型进阶</span>
                    <span>( 3 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="DC679641-AE7E-2AD9-F3BA-415861320E38"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=DC679641-AE7E-2AD9-F3BA-415861320E38&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-17编程题：自定义泛型类">
                                    2020-03-17编程题：自定义泛型类 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>14</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-15</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">9 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="79635074-0002-54F6-9C80-4D28FAC3AB1C"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=79635074-0002-54F6-9C80-4D28FAC3AB1C&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-17课堂完成部分：Map集合">
                                    2020-03-17课堂完成部分：Map集合 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-15</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">7 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="EACH_OTHER" data-appraiser-id=""
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="9D54FE0C-ECE4-2342-5DE1-8C92692778F9"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=9D54FE0C-ECE4-2342-5DE1-8C92692778F9&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-03-17课堂小测：List集合的排序">
                                    2020-03-17课堂小测：List集合的排序 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>65</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-15</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">5 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 加号 -->
                                    <span style="color:#8FC31F;"> + </span>
                                    <!-- 互评分 -->
                                    <span style="color:#8FC31F;">互评 3 经验</span>
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="939F391A-BA28-6B91-3F04-A1758994FCA9">
                <div class="group-name color-33" data-status="N">
                    <span title="05对象比较与Set集合">05对象比较与Set集合</span>
                    <span>( 3 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="70B4B5D3-4419-89F6-6B8C-5DA9EA04D047"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=70B4B5D3-4419-89F6-6B8C-5DA9EA04D047&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-03-06编程题：TreeSet与对象排序">
                                    2020-03-06编程题：TreeSet与对象排序 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>16</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-06</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">12 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="67BD940A-97A1-8887-A1C5-250119A53EA5"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=67BD940A-97A1-8887-A1C5-250119A53EA5&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-06课堂完成部分：Set集合">
                                    2020-03-06课堂完成部分：Set集合 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-06</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">11 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="599246E6-D4BE-8A89-6AC4-445BAD599E9E"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=599246E6-D4BE-8A89-6AC4-445BAD599E9E&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-03-06课堂小测：集合的查找与遍历">
                                    2020-03-06课堂小测：集合的查找与遍历 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>68</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-06</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">9 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="3B72940A-57B6-11EA-BED0-B8599FEB4980">
                <div class="group-name color-33" data-status="N">
                    <span title="04泛型与集合">04泛型与集合</span>
                    <span>( 4 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="E3665F4D-00EC-8EC2-D5D9-C52F19764CD0"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=E3665F4D-00EC-8EC2-D5D9-C52F19764CD0&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-03附加题：随机分组">
                                    2020-03-03附加题：随机分组 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>10</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-02</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">9 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="39B7897D-D304-759F-6CCC-82BDD430ECD0"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=39B7897D-D304-759F-6CCC-82BDD430ECD0&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-03编程题：KTV">
                                    2020-03-03编程题：KTV </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>15</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-02</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">6 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="12ADE9C6-EC92-9759-1CA0-BA25AE7E0D3D"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=12ADE9C6-EC92-9759-1CA0-BA25AE7E0D3D&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-03课堂完成部分：泛型与集合">
                                    2020-03-03课堂完成部分：泛型与集合 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-02</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">9 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="C2878C77-92DF-841B-D11E-4512ECCE2912"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=C2878C77-92DF-841B-D11E-4512ECCE2912&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-03-03课堂小测：集合的遍历">
                                    2020-03-03课堂小测：集合的遍历 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>68</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-03-02</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">5 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="DA1116AA-55EC-11EA-BED0-B8599FEB4980">
                <div class="group-name color-33" data-status="N">
                    <span title="03Java8日期时间的处理">03Java8日期时间的处理</span>
                    <span>( 3 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="B0B852F1-8627-43A6-4B00-DED9147F217A"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=B0B852F1-8627-43A6-4B00-DED9147F217A&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-02-25编程题：日期的处理">
                                    2020-02-25编程题：日期的处理 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>12</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-24</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">7 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="DD2DCE39-6C5C-94C1-9A66-A8DF1576010A"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=DD2DCE39-6C5C-94C1-9A66-A8DF1576010A&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-02-25课堂完成部分：Java 8日期">
                                    2020-02-25课堂完成部分：Java 8日期 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-24</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">9 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="685A2AEC-B0B9-8431-1540-417E68780F75"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=685A2AEC-B0B9-8431-1540-417E68780F75&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-02-25课堂小测：Java 8日期的用法">
                                    2020-02-25课堂小测：Java 8日期的用法 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>68</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-24</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">10 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="E929C596-10BF-6ABF-6D2C-C4EDAA8B04A1">
                <div class="group-name color-33" data-status="N">
                    <span title="02正则表达式">02正则表达式</span>
                    <span>( 4 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="D06F3A85-73B3-7F6E-74BC-599475796208"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=D06F3A85-73B3-7F6E-74BC-599475796208&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-02-21附加题：用户注册V1.1">
                                    2020-02-21附加题：用户注册V1.1 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>7</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-21</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">11 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="F87494C8-4B0E-B82A-6B4D-5209ED36446C"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=F87494C8-4B0E-B82A-6B4D-5209ED36446C&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-02-21编程题：用户注册V1.0">
                                    2020-02-21编程题：用户注册V1.0 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>9</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-21</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">9 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="7A34A73B-EE61-1CE0-3C5C-71C8871BC1DC"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=7A34A73B-EE61-1CE0-3C5C-71C8871BC1DC&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-02-21课堂完成部分：正则表达式应用">
                                    2020-02-21课堂完成部分：正则表达式应用 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-21</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">10 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="DE6D1314-8328-4431-6769-D930BFDA8D73"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=DE6D1314-8328-4431-6769-D930BFDA8D73&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-02-21课堂小测：正则表达式简单应用">
                                    2020-02-21课堂小测：正则表达式简单应用 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-21</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">12 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="2A98CE9C-504C-D558-D78E-E62712B0774B">
                <div class="group-name color-33" data-status="N">
                    <span title="01复习与回顾：类的定义与使用">01复习与回顾：类的定义与使用</span>
                    <span>( 4 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="D43ADE47-EAED-9503-1625-538FE248AA46"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=D43ADE47-EAED-9503-1625-538FE248AA46&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-02-18附加题：图书馆借书程序的设计">
                                    2020-02-18附加题：图书馆借书程序的设计 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>18</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-17</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">10 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="TEACHER" data-appraiser-id="" data-type="HOMEWORK"
                        data-show="show" data-row-status="END" data-id="6339B15B-8276-6F10-63A5-3764E1672A67"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=6339B15B-8276-6F10-63A5-3764E1672A67&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-02-18编程题：提高代码质量">
                                    2020-02-18编程题：提高代码质量 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>28</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-17</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">6 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="F5071A2C-0583-CA2F-41F3-6ADACAD68CBB"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=F5071A2C-0583-CA2F-41F3-6ADACAD68CBB&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33" title="2020-02-18课堂完成部分：超市购物">
                                    2020-02-18课堂完成部分：超市购物 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>67</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-17</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">6 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="C260E37A-66E3-4EA5-92A1-6B7D166D7DEC"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=C260E37A-66E3-4EA5-92A1-6B7D166D7DEC&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-02-18课堂小测：Object的方法">
                                    2020-02-18课堂小测：Object的方法 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>68</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-17</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">8 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
            <div class="interaction-group" data-id="2E01D713-5023-11EA-9C7F-98039B1848C6">
                <div class="group-name color-33" data-status="N">
                    <span title="00课前准备">00课前准备</span>
                    <span>( 2 )</span>
                    <i class="slidedown-button icon-angle-up" data-status="N"></i>
                </div>

                <div class="interaction-rows" style="display: block;">
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="FC672DEA-A622-7E2C-E123-F51DBFB8854B"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=FC672DEA-A622-7E2C-E123-F51DBFB8854B&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-02-16课堂完成部分：第二次作业体验">
                                    2020-02-16课堂完成部分：第二次作业体验 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>58</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-16</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">4 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                    <div class="interaction-row" data-appraise-type="APPRAISER" data-appraiser-id="N"
                        data-type="HOMEWORK" data-show="show" data-row-status="END"
                        data-id="34AAC5B8-055A-80E0-1A9F-80CC1103B539"
                        data-url="https://www.mosoteach.cn/web/index.php?c=interaction_homework&amp;m=homework_result_list&amp;clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&amp;id=34AAC5B8-055A-80E0-1A9F-80CC1103B539&amp;order_item=group">
                        <img src="./small_files/activities-list-icon-assignment.png" alt=""
                            style="width:60px;vertical-align:middle;margin-right:10px;">

                        <div class="" style="display:inline-block;vertical-align:middle;">
                            <div style="width:822px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
                                <span class="interaction-status end">已结束</span>
                                <span class="interaction-name grey fontsize-14 color-33"
                                    title="2020-02-15课堂完成部分：第一次作业体验">
                                    2020-02-15课堂完成部分：第一次作业体验 </span>
                            </div>

                            <div class="clear20"></div>
                            <div class="" style="width:822px;">
                                <div class="" style="float:left;">
                                    <span>共 </span>
                                    <span>59</span>
                                    <span>
                                        人参与 </span>
                                    <span style="margin:0 5px;">|</span>
                                    <span>2020-02-15</span>
                                    <span style="margin:0 5px;">|</span>
                                    <!-- 经验值 START -->
                                    <!-- 已参与 -->
                                    <span style="color:#8FC31F">已参与&nbsp;</span>
                                    <!-- 被评价得分 -->
                                    <span style="color:#8FC31F;">5 经验</span>
                                    <!-- 含有互评份额 -->
                                    <!-- 经验值 END -->
                                    <!-- 剩余时间 -->
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <div class="clear30"></div>
        </div>
    </div>

    <!-- 弹窗提示 start -->
    <div class="pop-tips-box">
        <div class="samll-tips-box">
            <div class="msg-title">
                <span class="title-content"></span>
                <span class="close-tips-box">
                    <img src="./small_files/icon-close-normal.png" class="close-button">
                </span>
            </div>
            <div class="msg-content-box">
                <div class="msg-content"></div>

                <div id="remove-experience">
                    <input type="hidden" id="del-experience-input" value="Y">
                    <i class="icon-check"></i>
                    <span>同时收回学生参与活动所获得的经验值</span>

                    <div class="clear20"></div>
                </div>

                <div class="tips-button-box">
                    <button class="button-routine ordinary tips-cancel" type="normal"
                        style="margin-left:0px;">取消</button>
                    <button class="button-routine tips-ok">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 弹窗提示 end -->

    <!-- 进入评价时 重新设置份额 -->
    <div class="bg-reset"></div>
    <div class="appraise-reset" data-quota="Y" data-homework-id="">
        <div class="reset-title">作业XX情况</div>
        <div style="padding: 0 20px">
            <div class="notice-not-hand">
                <!-- 未提交的人数 -->
            </div>
            <!-- 自动取消份额的说明  -->
            <!-- <div class="auto-cancel-quota"></div> -->
            <!-- 重新设置份额表单 -->
            <div class="reset-form">
                <input class="appraise-quantity" type="text" name="appraise-quantity" style="padding:0px;"
                    placeholder="重新输入评价数">
                <div class="set-right-quota">
                    <select id="extra-score" class="extra-score easyui-combobox combobox-f combo-f textbox-f"
                        style="float: right; width: 220px; height: 30px; display: none;" placeholder="设定适当的评价数"
                        data-options="{editable:false, panelHeight: 100 }" textboxname="extra-score"
                        comboname="extra-score">
                        <option value="0">0 经验值</option>
                        <option value="1">1 经验值</option>
                        <option value="2">2 经验值</option>
                        <option value="3" selected="">3 经验值</option>
                        <option value="4">4 经验值</option>
                        <option value="5">5 经验值</option>
                        <option value="6">6 经验值</option>
                        <option value="7">7 经验值</option>
                        <option value="8">8 经验值</option>
                        <option value="9">9 经验值</option>
                        <option value="10">10 经验值</option>
                    </select><span class="textbox combo" style="width: 218px; height: 28px;"><span
                            class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;"><a
                                href="javascript:;" class="textbox-icon combo-arrow" icon-index="0" tabindex="-1"
                                style="width: 18px; height: 28px;"></a></span><input id="_easyui_textbox_input1"
                            type="text" class="textbox-text validatebox-text validatebox-readonly" autocomplete="off"
                            tabindex="" readonly="readonly" placeholder=""
                            style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 192px;"><input
                            type="hidden" class="textbox-value" name="extra-score" value="3"></span>
                </div>
                <div class="notice-set-quota">当前提交 n 份作业，作业总数小于你预设的最低评价数量，会导致学生无法完成指定任务，请调整最低评价数后再开始评价。</div>
            </div>
        </div>
        <div class="button-box">
            <button class="cancel-to-commit button-routine ordinary" onclick="cancel()">取消</button>
            <button class="sure-to-commit button-routine" onclick="resetQuota()">开始评分</button>
            <div class="clear"></div>
        </div>
    </div>

    <!-- 查看信息弹窗 -->
    <div id="res-information-bg">
        <div id="res-information-box">
            <div class="res-info-title">
                <span class="interaction-title"></span>
                <span id="close-res-info"></span>
            </div>

            <div class="clear20"></div>
            <div style="overflow:hidden;">
                <div class="res-info-box">
                    <table>

                    </table>
                </div>

                <div class="clear10"></div>
                <div class="partake-menber-box">
                    <div class="buttons-box">
                        <div data-type="show" data-value="1" style="border-right:1px solid #E1E1E1;">
                            <span id="unview"></span>
                            <img src="./small_files/resource-list-icon-square.png" alt="" style="left:100px">
                        </div>
                        <div data-type="hide" data-value="2">
                            <span id="viewed"></span>
                            <img src="./small_files/resource-list-icon-square.png" alt="" style="left:100px">
                        </div>
                    </div>

                    <div class="clear"></div>
                    <div id="member-list">
                        <div id="not-involved"></div>

                        <div id="already-participate" style="display:none;"></div>
                    </div>
                </div>
            </div>

            <div class="clear30"></div>
            <div class="remind-member">
                <input type="hidden" id="interaction-id">
                <span></span>
                <button class="button-routine" data-value="1">提醒未参与</button>
                <div></div>
            </div>
            <div class="clear15"></div>
        </div>
    </div>
    <!-- 查看信息弹窗 -->

    <!-- 结束作业 start -->
    <!-- <div class="end-homework-box">
    <div class="end-homework-content-box">
        <div class="msg-title">
            <span class="title-content">结束活动</span>
            <span class="close-tips-box">
                <img src="https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/icon-close-normal.png" class="close-end-homework-button">
            </span>
        </div>
        <div class="msg-content-box">
            <div class="msg-content">活动结束后，将无法再次开启，确认结束活动吗？</div>

            <div id="allow-comment">
                <input type="hidden" id='allow-comment-input' value="N">
                <i class="icon-check-empty allow-comment-button"></i>
                <span>关闭评论，待有需要时再开启</span>

                <div class="clear20"></div>
            </div>

            <div class="tips-button-box">
                <button class="button-routine ordinary end-homework-button" type="normal" style="margin-left:0px;">取消</button>
                <button class="button-routine end-homework">确定</button>
            </div>
        </div>
      </div>
  </div> -->
    <!-- 结束作业 end -->
    <!-- 被指定人评价作业 选择身份 start -->
    <div class="select-role-bg modal">
        <div class="select-role-box">
            <div class="select-role-title">
                <span class="title-content">提示</span>
            </div>
            <div class="select-role-content">
                <div class="msg-content">本次作业中，老师指定你为评分人，请完成作业后协助老师批改作业</div>
                <div class="tips-button-box">
                    <button class="button-routine button-sure select-role-edit" data-value="edit">查看/编辑作业</button>
                    <button class="button-routine button-sure select-role-appraise" data-value="appraise">为作业评分</button>
                    <button class="button-routine ordinary select-role-cancel" type="normal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 被指定人评价作业 选择身份 end -->
    <!-- 设置自动结束时间 start -->
    <div id="auto-end-time-shadow" class=""></div>
    <div id="set-autoend-box" class="set-autoend-time-box">
        <img src="./small_files/square-up.png" alt="" style="position:absolute;top:-11px; left: 132.5px;">
        <div class="msg-title">
            <span class="title-content">设置活动最晚提交时间</span>
            <span class="close-tips-box">
                <div class="close-button"></div>
                <!-- <img src="https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/icon-close-normal.png" class="close-button"> -->
            </span>
        </div>
        <div class="clear20"></div>
        <div class="">
            <span class="color-33"></span>
            <span id="duration" style="color: #EB6877;"></span>
            <span class="color-33 title-text"></span>
        </div>
        <div class="clear15"></div>
        <div class="datetime-component">
            <input type="text" id="auto-end-date" class="easyui-datebox datebox-f combo-f textbox-f" value="2020-09-12"
                style="width: 110px; height: 30px; display: none;"
                data-options="{formatter:myformatter,parser:myparser, editable:false}" textboxname="auto-end_date"
                comboname="auto-end_date"><span class="textbox combo datebox" style="width: 108px; height: 28px;"><span
                    class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;"><a href="javascript:;"
                        class="textbox-icon combo-arrow" icon-index="0" tabindex="-1"
                        style="width: 18px; height: 28px;"></a></span><input id="_easyui_textbox_input7" type="text"
                    class="textbox-text validatebox-text validatebox-readonly" autocomplete="off" tabindex=""
                    readonly="readonly" placeholder=""
                    style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 82px;"><input
                    type="hidden" class="textbox-value" name="auto-end_date" value="2020-09-12"></span>

            <div style="width: 5px; height:30px; display:inline-block; vertical-align:middle;"></div>

            <select id="auto-end-hours" class="easyui-combobox combobox-f combo-f textbox-f"
                style="width: 50px; height: 30px; display: none;"
                data-options="{editable: false, panelHeight: 200}"></select><span class="textbox combo"
                style="width: 48px; height: 28px;"><span class="textbox-addon textbox-addon-right"
                    style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon combo-arrow" icon-index="0"
                        tabindex="-1" style="width: 18px; height: 28px;"></a></span><input id="_easyui_textbox_input2"
                    type="text" class="textbox-text validatebox-text validatebox-readonly textbox-prompt"
                    autocomplete="off" tabindex="" readonly="readonly" placeholder=""
                    style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 22px;"><input
                    type="hidden" class="textbox-value" name="" value=""></span>
            <div style="width: 15px; height:30px; display: inline-block; vertical-align: middle; line-height: 30px">时
            </div>

            <select id="auto-end-minutes" class="easyui-combobox combobox-f combo-f textbox-f"
                style="width: 50px; height: 30px; display: none;"
                data-options="{editable: false, panelHeight: 200}"></select><span class="textbox combo"
                style="width: 48px; height: 28px;"><span class="textbox-addon textbox-addon-right"
                    style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon combo-arrow" icon-index="0"
                        tabindex="-1" style="width: 18px; height: 28px;"></a></span><input id="_easyui_textbox_input3"
                    type="text" class="textbox-text validatebox-text validatebox-readonly textbox-prompt"
                    autocomplete="off" tabindex="" readonly="readonly" placeholder=""
                    style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 22px;"><input
                    type="hidden" class="textbox-value" name="" value=""></span>
            <div style="width: 15px; height:30px; display: inline-block; vertical-align: middle; line-height: 30px">分
            </div>
        </div>
        <div class="clear15"></div>
        <div class="">
            <button type="button" class="button-routine submit-button" style="margin-right:11px;">确定</button>
            <button type="button" class="button-routine ordinary close-set-autoend-time">取消</button>
            <div class="batch-button-shadow"></div>
        </div>
    </div>
    <!-- 设置自动结束时间 end -->

    <!-- 转发资源　form -->
    <form id="forward-interaction" action="https://www.mosoteach.cn/web/index.php?c=interaction&amp;m=forward"
        method="post">
        <input type="hidden" name="clazz_course_id" value="9E603F91-4AF8-11EA-9C7F-98039B1848C6">
        <input type="hidden" name="order_item" value="group">
        <input type="hidden" class="interaction_type" name="interaction_type" value="">
        <input type="hidden" class="ids" name="ids">
    </form>


    <!-- 进行中 编辑 start -->
    <div class="edit-action-bg">
        <div class="edit-action-box">
            <div class="edit-action-head">
                <span class="edit-action-title-word">编辑活动信息</span>
                <span class="edit-action-close">
                    <img src="./small_files/icon-close-normal.png" class="close-button cancel">
                </span>
            </div>

            <div class="edit-action-main-box">
                <div class="p-sub" style="">
                    <p>标题</p>
                    <input class="edit-action-title" type="text" name="edit-action-title" maxlength="100">
                </div>

                <div class="p-sub" style="float: right;">
                    <p>分组</p>
                    <select id="edit-group-name" type="text" class="easyui-combobox combobox-f combo-f textbox-f"
                        data-options="{width:220, height:32, panelHeight: 200, formatter: function(node){
                            var treeTitleText = html_encode(node.text);
                            return treeTitleText;
                        }}" textboxname="edit-group-name" comboname="edit-group-name" style="display: none;">
                        <option value="未分组">未分组</option>
                        <option value="16结课">16结课</option>
                        <option value="15网络编程">15网络编程</option>
                        <option value="14多线程应用">14多线程应用</option>
                        <option value="13多线程编程基础">13多线程编程基础</option>
                        <option value="12JDBC">12JDBC</option>
                        <option value="11IO流与Stream流">11IO流与Stream流</option>
                        <option value="10函数式接口与Lambda表达式">10函数式接口与Lambda表达式</option>
                        <option value="09常用组件与事件">09常用组件与事件</option>
                        <option value="08事件处理">08事件处理</option>
                        <option value="07GUI界面设计">07GUI界面设计</option>
                        <option value="06Map集合与泛型进阶">06Map集合与泛型进阶</option>
                        <option value="05对象比较与Set集合">05对象比较与Set集合</option>
                        <option value="04泛型与集合">04泛型与集合</option>
                        <option value="03Java8日期时间的处理">03Java8日期时间的处理</option>
                        <option value="02正则表达式">02正则表达式</option>
                        <option value="01复习与回顾：类的定义与使用">01复习与回顾：类的定义与使用</option>
                        <option value="01课程介绍">01课程介绍</option>
                        <option value="00课前准备">00课前准备</option>
                        <option value="00工具软件">00工具软件</option>
                    </select><span class="textbox combo" style="width: 218px; height: 30px;"><span
                            class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;"><a
                                href="javascript:;" class="textbox-icon combo-arrow" icon-index="0" tabindex="-1"
                                style="width: 18px; height: 30px;"></a></span><input id="_easyui_textbox_input4"
                            type="text" class="textbox-text validatebox-text" autocomplete="off" tabindex=""
                            placeholder=""
                            style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 30px; line-height: 30px; width: 192px;"><input
                            type="hidden" class="textbox-value" name="edit-group-name" value="未分组"></span>
                </div>


                <!-- 用途 -->
                <div class="act-use" style="font-size:12px;margin-top:20px;">
                    <div class="use-title">用途</div>
                    <div class="check-list">
                        <span class="icon-ok-circle" data-type="OTHER">未指定</span>
                        <span class="icon-circle-blank" data-type="BEFORE_CLASS">课前</span>
                        <span class="icon-circle-blank" data-type="IN_CLASS">课中</span>
                        <span class="icon-circle-blank" data-type="AFTER_CLASS">课后</span>
                        <span class="icon-circle-blank" data-type="PRACTICE">实践</span>
                        <span class="icon-circle-blank" data-type="MID_TERM">期中</span>
                        <span class="icon-circle-blank" data-type="FINAL_TERM">期末</span>
                    </div>
                </div>

                <div class="edit-action-qa">
                    <p class="p">主题</p>
                    <textarea name="edit-main-subject" class="edit-main-subject" maxlength="500"></textarea>
                    <p class="p">(选填)用于描述讨论主题，最多可输入 500 字</p>
                    <p style="margin-top:10px">
                        <i class="allow-send-picture icon-check" data-value="Y" style="margin-right: 0;"></i>
                        <span>允许图片信息</span>
                        <span style="padding:0px 3.5px;"></span>
                        <i class="allow-send-voice icon-check" data-value="Y" style="margin-right: 0;"></i>
                        <span>允许语音消息</span>
                        <span style="padding:0px 3.5px;"></span>
                        <i class="allow-send-video icon-check" data-value="Y" style="margin-right: 0;"></i>
                        <span>允许视频信息</span>
                    </p>
                </div>

                <div class="edit-action-quiz">
                    <p class="p">
                        <span class="unorder">乱序设置</span>

                    </p>
                    <div class="flex-ali">
                        <i class="random-order icon-check" data-value="Y"></i><span>题目乱序</span>
                        <i class="random-option icon-check-empty" data-value="N"></i><span>选项乱序</span>
                        <img class="pop-img order-icon" src="./small_files/pic_notes@2x.png" alt="">
                    </div>
                    <p></p>
                    <div class="edit-quiz-time-limit">
                        <span>限时设置</span>
                        <span class="set-result">不限时</span>
                        <div class="clear10"></div>
                        <div class="max-limit">
                            <div class="manul-limit"></div>
                            <div class="manul-button"></div>
                        </div>
                        <div class="score-item-list">
                            <div style="left:0.0%;">
                                <div></div>
                                <div>不限时</div>
                            </div>
                            <div style="left:25.0%;">
                                <div></div>
                                <div>30</div>
                            </div>
                            <div style="left:50.0%;">
                                <div></div>
                                <div>60</div>
                            </div>
                            <div style="left:75.0%;">
                                <div></div>
                                <div>90</div>
                            </div>
                            <div style="left:100.0%;">
                                <div></div>
                                <div>120</div>
                            </div>
                        </div>
                    </div>

                    <div class="edit-quiz-submit-count-limit">
                        <span>重做次数</span>
                        <span class="set-result">不允许重做</span>
                        <div class="clear10"></div>
                        <div class="max-limit">
                            <div class="manul-limit"></div>
                            <div class="manul-button"></div>
                        </div>
                        <div class="score-item-list">
                            <div style="left:0.0%;">
                                <div></div>
                                <div>不限制</div>
                            </div>
                            <div style="left:16.7%;">
                                <div></div>
                                <div>不允许重做</div>
                            </div>
                            <div style="left:33.3%;">
                                <div></div>
                                <div>1</div>
                            </div>
                            <div style="left:50.0%;">
                                <div></div>
                                <div>2</div>
                            </div>
                            <div style="left:66.7%;">
                                <div></div>
                                <div>3</div>
                            </div>
                            <div style="left:83.4%;">
                                <div></div>
                                <div>4</div>
                            </div>
                            <div style="left:100.0%;">
                                <div></div>
                                <div>5</div>
                            </div>
                        </div>
                    </div>

                    <p class="p">
                        <span class="time-view-answer">查看答案时机</span>

                    </p>
                    <div style="display: flex;align-items: center;">
                        <i class="icon-circle-blank view-answer-time" data-value="E"></i>
                        <span class="view-answer-time-span">测试活动结束后查看答案</span>
                        <i class="icon-ok-circle view-answer-time" data-value="S"></i>
                        <span class="view-answer-time-span">交卷之后查看答案</span>
                        <i class="icon-ok-circle view-answer-time" data-value="M"></i>
                        <span class="view-answer-time-span mr0">手动公布答案</span>
                        <img class="pop-img timing-icon" src="./small_files/pic_notes@2x.png" alt="">
                    </div>
                    <p></p>
                </div>

                <div class="edit-auto-end-time">
                    <div class="p">
                        <i class="edit-auto-end icon-check" data-value="Y"></i><span>自动结束</span>
                    </div>
                    <div class="set-auto-end-time">
                        <span>活动将在</span>
                        <input type="text" id="edit-end-date" class="easyui-datebox datebox-f combo-f textbox-f"
                            value="2020-09-12" style="width: 110px; height: 30px; display: none;"
                            data-options="{formatter:myformatter,parser:myparser, editable:false}"
                            textboxname="edit_end_date" comboname="edit_end_date"><span class="textbox combo datebox"
                            style="width: 108px; height: 28px;"><span class="textbox-addon textbox-addon-right"
                                style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon combo-arrow"
                                    icon-index="0" tabindex="-1" style="width: 18px; height: 28px;"></a></span><input
                                id="_easyui_textbox_input8" type="text"
                                class="textbox-text validatebox-text validatebox-readonly" autocomplete="off"
                                tabindex="" readonly="readonly" placeholder=""
                                style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 82px;"><input
                                type="hidden" class="textbox-value" name="edit_end_date" value="2020-09-12"></span>

                        <div style="width: 5px; height:30px; display:inline-block; vertical-align:middle;"></div>

                        <select id="edit-end-hours" class="easyui-combobox combobox-f combo-f textbox-f"
                            style="width: 50px; height: 30px; display: none;"
                            data-options="{editable: false, panelHeight: 200}"></select><span class="textbox combo"
                            style="width: 48px; height: 28px;"><span class="textbox-addon textbox-addon-right"
                                style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon combo-arrow"
                                    icon-index="0" tabindex="-1" style="width: 18px; height: 28px;"></a></span><input
                                id="_easyui_textbox_input5" type="text"
                                class="textbox-text validatebox-text validatebox-readonly textbox-prompt"
                                autocomplete="off" tabindex="" readonly="readonly" placeholder=""
                                style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 22px;"><input
                                type="hidden" class="textbox-value" name="" value=""></span>
                        <div
                            style="width: 15px; height:30px; display: inline-block; vertical-align: middle; line-height: 30px">
                            时</div>

                        <select id="edit-end-minutes" class="easyui-combobox combobox-f combo-f textbox-f"
                            style="width: 50px; height: 30px; display: none;"
                            data-options="{editable: false, panelHeight: 200}"></select><span class="textbox combo"
                            style="width: 48px; height: 28px;"><span class="textbox-addon textbox-addon-right"
                                style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon combo-arrow"
                                    icon-index="0" tabindex="-1" style="width: 18px; height: 28px;"></a></span><input
                                id="_easyui_textbox_input6" type="text"
                                class="textbox-text validatebox-text validatebox-readonly textbox-prompt"
                                autocomplete="off" tabindex="" readonly="readonly" placeholder=""
                                style="margin: 0px 18px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 22px;"><input
                                type="hidden" class="textbox-value" name="" value=""></span>
                        <div
                            style="width: 15px; height:30px; display: inline-block; vertical-align: middle; line-height: 30px">
                            分</div>

                        <!-- <span style="padding:0px 5px;"></span> -->
                        <span>结束</span>
                    </div>
                </div>
                <div class="edit-action-button-box">
                    <button type="button" class="button-routine save">保存</button>
                    <button type="button" class="button-routine ordinary cancel">取消</button>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 进行中 编辑 end -->


    <!-- 云教材 -->
    <div id="digital-textbooks-box">
        <div id="digital-textbooks-main">
            <div id="digital-textbooks-title">
                <span>云教材</span>
                <div id="search-input-box">
                    <input type="hidden" id="book-keyword">
                    <input type="text" id="search-digital-textbooks" value="">
                    <i class="icon-search"></i>
                </div>
                <img src="./small_files/icon-close-normal.png" alt="" class="close-img close-digital-books">
            </div>

            <div id="digital-textbooks-info">
                <div class="books-type common-books">公开教材</div>
                <div id="common-books-box" class="books-box"></div>
                <div class="books-type private-books">校本教材 如果需要在班课中使用校本教材，请联系蓝墨：400-008-1078</div>
                <div id="collated-edition-box" class="books-box"></div>
            </div>

            <div id="empty-books">
                <i class="icon-search"></i>
                <span>没有搜索到相关结果，换本书设置吧～</span>
            </div>

            <div id="digital-textbooks-button-box">
                <div style="float:left;margin-left:20px;">
                    <i class="icon-check-empty avater" data-status="Y"
                        style="vertical-align:middle;color:#0BD;display:inline-block;width:15px;cursor:pointer;font-size:16px;text-align:left;margin-bottom: -2px;"></i>
                    <span style="vertical-align:middle;color:#666">使用云教材封面作为班课封面</span>
                </div>
                <button id="set-books-button" class="button-routine disabled" disabled="disabled" data-status="N"
                    style="margin-right:15px;">确认设置
                </button>
                <button id="clear-book-buuton" class="button-routine ordinary">不设置</button>
            </div>
        </div>
    </div>


    <!-- 点击未开始状态下的活动列表整条，弹出云教材学习编辑弹框end -->

    <!-- 导出数据的脚本 -->
    <script type="text/javascript">
        // 在控制器中用 $this->load->view('export_data_script_view', $data, TRUE) 加载

        //  作业，投票数据导出
        function startExportTask(requestInfo) {
            $.ajax({
                type: "POST",
                url: 'https://www.mosoteach.cn/web/index.php?c=interaction&m=start_export_task',
                data: requestInfo,
                dataType: "json",
                success: function (msg) {
                    switch (msg.result_code) {
                        case 0:
                            confirms('提示',
                                '成功发起数据导出，系统将在 24 小时内完成处理，导出成功后你将收到短信通知，可以将报告下载到本地。现在你可以前往任务中心查看导出进度，也可以继续导出其他活动数据。<br><span style="color: #FF6600;">*导出数据的有效期为 30 天，请及时下载。</span>',
                                function () {
                                    window.location.href =
                                        "https://www.mosoteach.cn/web/index.php?c=task&m=index";
                                }, '', '', '', '', '前往任务中心', '留在当前页', true);
                            break;
                        case 1101:
                            confirms('提示', '导出任务已经存在，请耐心等待', '', '', '', 'alert', true);
                            break;
                        default:
                            commonError.handleFunc(msg.result_code);
                            break;
                    }
                }
            });
        }
        $('.export-data,.export-data-excel').click(function (e) {
            e.stopPropagation();
            var self = $(this);
            var enable = self.attr('data-enable');
            var id = self.attr('data-id');
            var type = self.attr('data-type');
            var status = self.attr('data-status');
            var requestInfo = {
                "id": id,
                "type": type
            };
            if (enable !== 'Y' || requestInfo.id.length === 0 || requestInfo.type.length === 0) {
                return false;
            }
            if (type === 'BOOK_LEARN') {
                requestInfo.cc_id = '9E603F91-4AF8-11EA-9C7F-98039B1848C6';
            }
            if (status === 'END') {
                startExportTask(requestInfo);
                return false;
            }
            confirms('提示', '活动未结束，可能不是最终结果，确定要导出吗？', function () {
                startExportTask(requestInfo);
            }, '', '', '', '', '', '', true);
            return false;
        });
    </script>

    <script type="text/javascript">
        var clazzcourseId = "9E603F91-4AF8-11EA-9C7F-98039B1848C6";
        var g_duration = "9 小时 26 分钟"; // 设置自动结束时间时显示的时间
        var g_date = "2020-09-13"; // 设置自动时间时的默认日期
        var onlyDeleteInteraction = !!Number('0'); // 允许删除资源而不回收经验
        var userPermissionDeleteEveryAction = !!Number('0'); // 删除任何资源的权限
        var userPermissionOther = !!Number('0');
        var userRole = '2';
        var createrId = 'C69FE4A1-8A6E-11E8-AA22-7CD30AD36C02'; // 班课创建者
        var userId = '361EA5B6-4E1E-11EA-9C7F-98039B1848C6';
        var actionStatusMap = {
            'UPLOADING': '上传中',
            'IN_PRGRS': '进行中',
            'END': '已结束',
            'APPRAISEING': '评分中'
        };
        var settingAutoEndTime = false;
        if (timer) {
            timer.timeUpdateEvent = function (date, hour, minute) {
                if (!settingAutoEndTime) return;
                autoEndTimeOffset();
            }
        }
        // 资源分组的展开收起状态
        var interactionGroupExpandStatus = {
            data: {},
            switch: function (groupId) {
                var isExpand = this.data[clazzcourseId][groupId];
                this.set(groupId, !isExpand);
                return !isExpand;
            },
            set: function (groupId, isExpand) {
                this.data[clazzcourseId][groupId] = isExpand;
                localStorage.setItem('interactionGroupExpandStatus', JSON.stringify(this.data));
            },
            init: function () {
                var localStorageData = localStorage.getItem('interactionGroupExpandStatus');
                this.data = JSON.parse(localStorageData) || {};
                var interactionGroup = $('.interaction-group');
                for (var i = 0; i < interactionGroup.length; i++) {
                    var groupId = interactionGroup.eq(i).attr('data-id');
                    if (!this.data[clazzcourseId]) {
                        // localStorage 中没有此班课的信息
                        this.data[clazzcourseId] = {};
                        this.data[clazzcourseId][groupId] = true; // 第一个分组的状态为 true
                    }
                    if (!this.data[clazzcourseId][groupId]) {
                        // 包含 false 和 undefined 的，显式的设置为 false
                        this.data[clazzcourseId][groupId] = false;
                    } else {
                        interactionGroup.eq(i).find('.interaction-rows').show();
                        interactionGroup.eq(i).find('.slidedown-button').attr('data-status', 'N').addClass(
                            'icon-angle-up').removeClass('icon-angle-down');
                    }
                }
                localStorage.setItem('interactionGroupExpandStatus', JSON.stringify(this.data));
            }
        };
        /**
         * 更改活动状态
         * param String actionId 活动id
         * parrm String actionType 活动类型
         * param String targetStatus 目标状态
         * param Boolean autoEnd 是否自动结束
         * param String autoEndTIme 自动结束时间
         */
        function changeActionStatus(actionId, actionType, targetStatus, autoEnd, autoEndTime) {
            autoEnd = autoEnd ? 'Y' : 'N';
            autoEndTime = autoEndTime || '';
            showLoading();
            var data, url;
            if (actionType === 'BOOK_LEARN') {
                switch (targetStatus) {
                    case 'END':
                        // 结束活动
                        data = {
                            clazz_course_id: '9E603F91-4AF8-11EA-9C7F-98039B1848C6',
                            book_learn_id: actionId
                        }
                        url = 'https://www.mosoteach.cn/web/index.php?c=interaction_book_learn&m=end_book_learn';
                        break;
                    case 'IN_PRGRS':
                        autoEndTime ? autoEndTime : '';
                        // 开始活动
                        data = {
                            clazz_course_id: '9E603F91-4AF8-11EA-9C7F-98039B1848C6',
                            book_learn_id: actionId,
                            deadline_time: autoEndTime
                        }
                        url = 'https://www.mosoteach.cn/web/index.php?c=interaction_book_learn&m=start_book_learn';
                        break;
                }
            } else {
                data = {
                    clazz_course_id: '9E603F91-4AF8-11EA-9C7F-98039B1848C6',
                    id: actionId,
                    type: actionType,
                    target_status: targetStatus,
                    auto_end: autoEnd,
                    auto_end_time: autoEndTime
                };
                url = 'https://www.mosoteach.cn/web/index.php?c=interaction&m=change_status';
            }

            $.ajax({
                type: 'post',
                dataType: 'json',
                url: url,
                data: data,
                success: function (msg) {
                    if (msg.result_code === 0) {
                        window.location.reload();
                    } else {
                        hideLoading();
                        switch (msg.result_code) {
                            case 1101:
                                if (actionType === 'BOOK_LEARN') {
                                    confirms('提示', msg.result_msg, '', '', '', 'alert', undefined, '好的');
                                } else {
                                    var target = actionStatusMap[targetStatus];
                                    var current = actionStatusMap[msg.updated_status];
                                    var tip = '当前活动状态为' + current + '，不能改为' + target + '（1101）';
                                    confirms('提示', tip, '', '', '', 'alert');
                                }
                                break;
                            case 1102:
                                confirms('提示', '操作无效，活动已被删除（1102）', function () {
                                    window.location.reload();
                                }, '', '', 'alert');
                                break;
                            case 1103:
                                confirms('提示', msg.result_msg, function () {
                                    window.location.href =
                                        'https://www.mosoteach.cn/web/index.php?c=interaction_homework&m=modify&clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6' +
                                        '&id=' + actionId;
                                }, '', '', '', '', '编辑活动');
                                break;
                            case 1104:
                                confirms('提示', '作业的提交数不满足指定的份额数（1104）', '', '', '', 'alert');
                                break;
                            case 1105:
                                confirms('提示', '请设置自动结束时间（1105）', '', '', '', 'alert');
                                break;
                            case 1106:
                                confirms('提示', '网络不给力，请稍后再试（1106）', '', '', '', 'alert');
                                break;
                            case 2009:
                                confirms('提示', '测试活动中没有题目，请先添加题目（2009）', '', '', '', 'alert');
                                break;
                            case 2008:
                                var tip = '';
                                if (actionType === 'HOMEWORK') {
                                    tip = '活动已开始，但由于你设置的任务时长少于1分钟，自动结束时间设置不成功，你可以手动结束活动，也可以通过编辑活动设置任务时长';
                                } else {
                                    tip = '活动已开始，但由于你设置的任务时长少于1分钟，自动进入评价时间设置不成功，你可以手动进入评价，也可以通过编辑活动设置任务时长';
                                }
                                confirms('提示', tip + '（2008）', function () {
                                    window.location.reload();
                                }, '', '', 'alert');
                                break;
                            default:
                                commonError.handleFunc(msg.result_code, '', msg);
                                break;
                        }
                    }
                }
            });
        }

        /* 进入评价前检测份额和提交情况 */
        function getNotHand(homeworkId) {
            showLoading();
            $.ajax({
                type: 'POST',
                url: "https://www.mosoteach.cn/web/index.php?c=interaction_homework&m=before_end_check",
                data: {
                    // homework_id : homeworkId
                    id: homeworkId
                },
                dataType: 'json',
                success: function (msg) {
                    hideLoading();
                    if (msg.result_code === 0) {
                        var aInfo = msg.data; // 评价信息
                        // meet_flag 设置份额并且提交数足够多
                        aInfo.meet_flag = aInfo.appraise_plan_flag === 'Y' && (aInfo.hand_in_count > aInfo
                            .appraise_quota);
                        if (aInfo.not_hand_in_count == 0 &&
                            (aInfo.meet_flag || aInfo.appraise_plan_flag === 'N')) {
                            // 未提交的人为 0, 并且 未设置份额 或 份额能够达到，直接改变活动状态
                            changeActionStatus(homeworkId, 'HOMEWORK', 'APPRAISEING');

                        } else {
                            var noticeNotHand = ''; // 未提交、未参与的说明
                            var noticeAppraisePlanCancle = ''; // 份额自动取消的说明
                            var resetAppraisePlan = false; // 是否重设份额？

                            if (aInfo.not_hand_in_count != 0) {
                                noticeNotHand += '还有 ';
                                var unit = (aInfo.type === 'TEAM') ? ' 组' : ' 名学生';
                                // if (msg.rows.not_join_team_count != 0) {
                                //     noticeNotHand += msg.rows.not_join_team_count + ' 人没有参与活动，';
                                // }
                                if (aInfo.not_hand_in_count != 0) {
                                    noticeNotHand += aInfo.not_hand_in_count + unit + '未提交作业，';
                                }
                                noticeNotHand += '是否现在开始评分？'
                                // noticeNotHand += '开始评价后学生不能继续提交作业，也无法退回进行中状态。';
                            }

                            if (aInfo.appraise_plan_flag === 'Y' && (aInfo.appraise_quota >= aInfo
                                    .hand_in_count)) {
                                if (aInfo.hand_in_count > 1) {
                                    resetAppraisePlan = true;
                                    // 用户重设份额
                                    $('.appraise-quantity').val(parseInt(aInfo.hand_in_count - 1)); // 评价数
                                    $('#extra-score').combobox('setValue', aInfo.appraise_score); // 经验值
                                    $('.notice-not-hand').text(noticeNotHand);
                                    $('.notice-set-quota').text('当前提交 ' + aInfo.hand_in_count +
                                        ' 份作业，学生可评分的作业数量小于你预设的最低评价数量，会导致学生无法完成指定任务，请调整最低评价数后再开始评价。');
                                    $('.reset-title').text('作业提交情况');

                                    $('.bg-reset, .appraise-reset').fadeIn(80);
                                    $('html').css('overflow', 'hidden');

                                    $('.appraise-reset').attr({
                                        'data-homework-id': homeworkId,
                                        'data-result-count': aInfo.hand_in_count,
                                        'data-quota-flag': aInfo.appraise_plan_flag,
                                        'data-meet-flag': 'N'
                                    });

                                    var height = $('.appraise-reset').innerHeight();
                                    $('.appraise-reset').css('margin-top', (0 - height) / 2 + 'px');

                                } else {
                                    noticeAppraisePlanCancle =
                                        '由于当前提交作业份数太少，将自动取消指定最低评价数，学生互评功能不会受影响，但不会获得额外经验值。';
                                }
                            }
                            if (!resetAppraisePlan) {
                                confirms('提示', noticeNotHand + '<br/>' + noticeAppraisePlanCancle,
                                    function () {
                                        if (aInfo.appraise_plan_flag === 'Y' && aInfo.hand_in_count <
                                            2) {
                                            $.ajax({
                                                type: 'POST',
                                                dataType: 'json',
                                                url: "https://www.mosoteach.cn/web/index.php?c=interaction_homework&m=change_appraise_info",
                                                data: {
                                                    homework_id: homeworkId,
                                                    appraise_plan_flag: 'N',
                                                },
                                                success: function (msg) {
                                                    if (msg.result_code === 0) {
                                                        changeActionStatus(homeworkId,
                                                            'HOMEWORK', 'APPRAISEING');
                                                        return;
                                                    } else {
                                                        var msgs = '';
                                                        switch (msg.result_code) {
                                                            case 1106:
                                                                layerMsg("请输入正确的评价数", $(
                                                                    '.appraise-reset input.textbox-text'
                                                                    ));
                                                                return;
                                                            case -1:
                                                                msgs = '发生未知错误';
                                                                break;
                                                            case 1101:
                                                                msgs = '活动已被删除，操作失败';
                                                                break;
                                                            case 1102:
                                                                msgs =
                                                                '作业已经进入评价中，修改最低评价数失败';
                                                                break;
                                                            case 1103:
                                                                msgs = '作业已经结束，无法修改最低评价数';
                                                                break;
                                                            case 1104:
                                                                msgs = '修改最低评价数失败（1104）';
                                                                break;
                                                            case 1105:
                                                                msgs = '修改最低评价数失败（1105）';
                                                                break;
                                                            default:
                                                                commonError.handleFunc(msg
                                                                    .result_code);
                                                                return;
                                                        }
                                                        confirms('提示', msgs, function () {
                                                            window.location
                                                        .reload();
                                                        }, '', 'alert');
                                                    }
                                                }
                                            });
                                        } else {
                                            changeActionStatus(homeworkId, 'HOMEWORK', 'APPRAISEING');
                                        }
                                    }, '', '', '', '', '开始评分', '取消');
                            }
                        }

                    } else {
                        var refresh = '';
                        var isExpectError = true; // 预期的错误，即以下列举的错误码
                        switch (msg.result_code) {
                            case 1101:
                                refresh = '作业已经被删除';
                                break;
                            case 1102:
                                refresh = '作业已经是评价中状态';
                                break;
                            case 1103:
                                refresh = '作业已经是结束状态';
                                break;
                            default:
                                isExpectError = false;
                        }
                        if (isExpectError) {
                            confirms('提示', refresh, function () {
                                window.location.href =
                                    'https://www.mosoteach.cn/web/index.php?c=interaction&m=index&clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6';
                            }, function () {
                                window.location.href =
                                    'https://www.mosoteach.cn/web/index.php?c=interaction&m=index&clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6';
                            }, '', 'alert');

                        } else {
                            commonError.handleFunc(msg.result_code);
                        }
                    }
                }
            });
        }
        /* 结束 作业前   展示评分状态 */
        function beforeEndCheck(homeworkId) {
            showLoading();
            $.ajax({
                type: 'POST',
                url: "https://www.mosoteach.cn/web/index.php?c=interaction_homework&m=before_end_check",
                data: {
                    id: homeworkId
                },
                dataType: 'json',
                success: function (msg) {
                    hideLoading();
                    if (msg.result_code === 0) {
                        if (msg.data.not_hand_in_count == 0 && msg.data.not_appraise_hw_count == 0) {
                            changeActionStatus(homeworkId, 'HOMEWORK', 'END');
                        } else {
                            var noticeNotHand = '';
                            var unit = (msg.data.type === 'TEAM') ? ' 组' : ' 名学生';
                            noticeNotHand += '还有 ';
                            if (msg.data.not_hand_in_count != 0) {
                                noticeNotHand += msg.data.not_hand_in_count + unit + '未提交作业' + '，'
                            }
                            if (msg.data.not_appraise_hw_count != 0) {
                                noticeNotHand += msg.data.not_appraise_hw_count + ' 份作业未评分，';
                            }
                            noticeNotHand += '是否现在结束活动？';
                            confirms('提示', noticeNotHand, function () {
                                changeActionStatus(homeworkId, 'HOMEWORK', 'END');
                            }, '', '', '', '', '结束活动', '取消');
                        }

                    } else {
                        switch (msg.result_code) {
                            case 1101:
                                confirms('提示', '该活动已经是结束状态', function () {
                                    window.location.reload();
                                }, '', '', 'alert');
                                break;
                            case 1102:
                                confirms('提示', msg.result_msg, function () {
                                    window.location.reload();
                                }, '', '', 'alert');
                                break;
                            default:
                                commonError.handleFunc(msg.result_code);
                                break;
                        }
                    }
                }
            });
        }
        /* 展示评分状态之后  是否确定结束作业 */
        /* function closeHwComment (homeworkId) {
            cancel();
            var allowComment = $(this).parents('.interaction-row').find('.disable-comments, .enable-comments').attr('data-status');
            if (allowComment === 'N')
                $('#allow-comment').hide();
            else
                $('#allow-comment').show();

            var _top = ($(window).height() - 193) / 2;
            $('.end-homework-content-box').css('top', _top);
            var href = $('.interaction-row[data-id=' + homeworkId + ']').find('.change-status').attr('data-href');
            $('.end-homework-box').attr({
                'data-id': homeworkId,
                'data-href': href,
                'data-allow-comment': allowComment
            }).show();
        } */
        // 取消开始评价
        function cancel() {
            $(".bg-reset").fadeOut(80);
            $(".appraise-reset").fadeOut(80);
            $('html').css('overflow', '');
        }
        // 确认开始评价
        function resetQuota() {
            var homeworkId = $('.appraise-reset').attr('data-homework-id'); // homework id
            var mostQuota = $('.appraise-reset').attr('data-result-count'); // 提交数
            mostQuota = parseInt(mostQuota - 1);
            var setQuota = $('.appraise-reset').attr('data-quota-flag'); // 是否设置了份额
            var meetFlag = $('.appraise-reset').attr('data-meet-flag'); // 份额是否合适

            // if (setQuota === 'N' || meetFlag === 'Y') {
            //     changeActionStatus(homeworkId, 'HOMEWORK', 'APPRAISEING');
            //     return;
            // }

            var appraiseQuantityInput = $('.reset-form .appraise-quantity'); // 份额数输入框
            var quotaNew = $.trim(appraiseQuantityInput.val()); // 重设的 份额

            var scoreNew = $('#extra-score').combobox('getValue'); // 重设的 经验

            if (setQuota === 'Y' && meetFlag === "N") {
                if (mostQuota > 0) {
                    if (quotaNew.search(/\D/g) != -1 || quotaNew.length == 0) {
                        // 未填写份额或包含了非数字符号
                        layerMsg('请设置正确的评价数', appraiseQuantityInput);
                        return;

                    } else if (Number($.trim(quotaNew)) > mostQuota) {
                        // 份额太大
                        layerMsg('最多只能设置 ' + mostQuota + ' 份', appraiseQuantityInput);
                        return;

                    } else if (Number($.trim(quotaNew)) <= 0) {
                        layerMsg('最少设置一份', appraiseQuantityInput);
                        return;
                    }
                } else {
                    setQuota = 'N';
                }
            }

            var data = {
                homework_id: homeworkId,
                appraise_plan_flag: setQuota,
                appraise_quota: quotaNew,
                appraise_score: scoreNew
            };
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: "https://www.mosoteach.cn/web/index.php?c=interaction_homework&m=change_appraise_info",
                data: data,
                success: function (msg) {
                    if (msg.result_code === 0) {
                        changeActionStatus(homeworkId, 'HOMEWORK', 'APPRAISEING');
                        return;
                    } else {
                        var msgs = '';
                        switch (msg.result_code) {
                            case 1106:
                                layerMsg("请输入正确的评价数", $('.appraise-reset input.textbox-text'));
                                return;
                            case -1:
                                msgs = '发生未知错误';
                                break;
                            case 1101:
                                msgs = '活动已被删除，操作失败';
                                break;
                            case 1102:
                                msgs = '作业已经进入评价中，修改最低评价数失败';
                                break;
                            case 1103:
                                msgs = '作业已经结束，无法修改最低评价数';
                                break;
                            case 1104:
                                msgs = '修改最低评价数失败（1104）';
                                break;
                            case 1105:
                                msgs = '修改最低评价数失败（1105）';
                                break;
                            default:
                                commonError.handleFunc(msg.result_code);
                                return;
                        }
                        confirms('提示', msgs, function () {
                            window.location.reload();
                        }, '', 'alert');
                    }
                }
            });
            return false;
        }

        function SlideSelect(scaleData) {
            this.slideSelectEle = scaleData.dom;
            this.mark = scaleData.mark;
            this.minValue = scaleData.minValue;
            this.maxValue = scaleData.maxValue;

            this.onChange = scaleData.onChange;
            this.onEnd = scaleData.onEnd;
            this.tuneResult = scaleData.tuneResult || function (a, b) {
                return false;
            };

            this.initialValue = ''; // 已保存的活动基本信息
            this.result = 0;

            this.minLeft = 0;
            this.maxLeft = 440;

            this.isDraging = false;
            this.mouseMove = {
                start: 0,
                realTime: 0
            };
            this.buttonMove = {
                start: this.minLeft,
                realTime: this.minLeft
            };

            var m = this.mark.length;
            var s = (100 / (m - 1)).toFixed(2); // 分段数
            var h = [];
            for (var i = 0; i < m; i++) {
                h.push('<div style="left:' + (s * i).toFixed(1) + '%;"><div></div><div>' + this.mark[i] +
                    '</div></div>');
            }
            this.slideSelectEle.find('.score-item-list').html(h.join(''));

            var self = this;
            this.slideSelectEle.find('.manul-button').mousedown(function (e) {
                self.qmouseDown(e);
            });
            this.slideSelectEle.on({
                mouseup: function (e) {
                    self.qmouseUp(e)
                },
                mouseleave: function (e) {
                    self.qmouseUp(e)
                },
                mousemove: function (e) {
                    self.qmouseMove(e)
                }
            });
        };
        SlideSelect.prototype.setValue = function (value) {
            if (value < this.minValue || value > this.maxValue) {
                console.log('invalid param');
                return;
            }
            this.result = value;
            var valuePercent = (this.result - this.minValue) / (this.maxValue - this.minValue);
            var buttonLeft = valuePercent * (this.maxLeft - this.minLeft);

            this.slideSelectEle.find('.manul-button').css('left', buttonLeft.toFixed(2) + 'px');
            this.slideSelectEle.find('.manul-limit').css('width', buttonLeft.toFixed(2) + 'px'); // 进度条

            if (typeof this.onEnd === 'function') {
                this.onEnd(this.result);
            }
        };
        SlideSelect.prototype.buttonMoving = function () {
            this.slideSelectEle.find('.manul-limit').css('width', this.buttonMove.realTime + 'px'); // 进度条

            var distancePercent = (this.buttonMove.realTime - this.minLeft) / (this.maxLeft - this
            .minLeft); // 视图上的移动百分比
            this.result = (this.maxValue - this.minValue) * distancePercent + this.minValue; // 转化为数值
            this.result = this.result.toFixed(0);
            if (typeof this.onChange === 'function') {
                this.onChange(this.result);
            }
        };
        SlideSelect.prototype.qmouseDown = function (e) {
            this.isDraging = true;
            this.mouseMove.start = e.clientX;
            this.buttonMove.start = this.slideSelectEle.find('.manul-button').position().left;
        };
        SlideSelect.prototype.qmouseUp = function (e) {
            this.isDraging = false;
            var handle = this.tuneResult(this.result, this.initialValue);
            if (!handle) {
                var valuePercent = Math.abs(this.result - this.minValue) / (this.maxValue - this.minValue);
                this.slideSelectEle.find('.manul-button').css('left', valuePercent * 100 + '%');
                this.slideSelectEle.find('.manul-limit').css('width', valuePercent * (this.maxLeft - this.minLeft) +
                    'px');
            }
            if (typeof this.onEnd === 'function') {
                this.onEnd(this.result);
            }
        };
        SlideSelect.prototype.qmouseMove = function (e) {
            e.preventDefault();
            if (this.isDraging) {
                this.mouseMove.realTime = e.clientX;

                var mouseMoveDistance = this.mouseMove.realTime - this.mouseMove.start; // 鼠标移动的距离
                var p = this.buttonMove.start + mouseMoveDistance; // 按钮后的位置 left

                p = p <= this.minLeft ? this.minLeft : p;
                p = p >= this.maxLeft ? this.maxLeft : p;

                this.buttonMove.realTime = p;
                this.slideSelectEle.find('.manul-button').css('left', this.buttonMove.realTime + 'px');
                this.buttonMoving();
            }
        };
        var showTimeResult = function (a) {
            var text = '';
            if (a == 0) {
                text = '不限制';
            } else {
                text = a + '分钟';
            }
            return text;
        };
        var showSubmitCountLimit = function (b) {
            var text = '';
            switch (parseInt(b)) {
                case 0:
                    text = '不限制';
                    break;
                case 1:
                    text = '不允许重做';
                    break;
                default:
                    text = b - 1 + '次';
                    break;
            }
            return text;
        };
        var d1 = {
            dom: $('.edit-quiz-time-limit'),
            mark: ['不限时', 30, 60, 90, 120],
            minValue: 0,
            maxValue: 120,
            onChange: function (currentValue) {
                var text = showTimeResult(currentValue);
                this.slideSelectEle.find('.set-result').html(text);
            },
            onEnd: function (result) {
                var text = showTimeResult(result);
                this.slideSelectEle.find('.set-result').html(text);
            }
        };
        var d2 = {
            dom: $('.edit-quiz-submit-count-limit'),
            mark: ['不限制', '不允许重做', 1, 2, 3, 4, 5],
            minValue: 0,
            maxValue: 6,
            onChange: function (currentValue) {
                var text = showSubmitCountLimit(currentValue);
                this.slideSelectEle.find('.set-result').html(text);
            },
            onEnd: function (result) {
                var text = showSubmitCountLimit(result);
                this.slideSelectEle.find('.set-result').html(text);

            },
            tuneResult: function (result, initialValue) {
                if ((+result >= +initialValue && +initialValue != 0) || +result == 0) {
                    return false;
                } else {
                    this.setValue(initialValue);
                    layerMsg('为保障测试公平性，重做次数不可减少', $('.edit-quiz-submit-count-limit .max-limit')[0]);
                    return true;
                }
            }
        };
        var timeLimit = new SlideSelect(d1);
        var submitCountLimit = new SlideSelect(d2);




        var editAction = {};
        $(function () {
            interactionGroupExpandStatus.init();
            let timingPopIndex;
            let orderPopIndex;

            $('.timing-icon').hover(function () {
                timingPopIndex = layerPop('活动开始后可在榜单页控制公布答案的时机', this);
            }).on('mouseout', function () {
                $('.layer-pop-alert').hide();
            });
            $('.order-icon').hover(function () {
                orderPopIndex = layerPop('开启后学生作答时选择题的选项将打乱顺序', this);
            }).on('mouseout', function () {
                $('.layer-pop-alert').hide();
            });
            // 云创建教材活动 加条件
            $('.icon-link').on('click', function () {

                if ($(this).attr('data-book-id') === '-1') {
                    if (userRole == '3') {
                        confirms('提示', '老师未设置云教材，无法创建云教材学习活动', '', '', '', 'alert', undefined, '好的');
                    } else if (userRole == '1') {
                        confirms('无法编辑活动信息', '此班课未设置云教材，无法创云教材学习活动', function () {
                            // window.location.reload();
                        }, function () {
                            $('#common-books-box,#collated-edition-box').empty();
                            showBookList();
                            $('#search-digital-textbooks').val('');
                            $('#digital-textbooks-box').show();
                            $(".books-selected").removeClass('books-selected');
                            $('#set-books-button').addClass('disabled').attr('disabled', true)
                                .attr('data-status', 'N');
                        }, '', '', '', '', '去设置');
                    }
                    return false;
                }
            });

            var requestBookListTimer;
            $('#search-digital-textbooks').keyup(function (e) {
                $('#search-input-box').css('border-color', '#00BBDD');
                $('#search-input-box .icon-search').css('color', '#00BBDD');

                var self = $(this);
                clearTimeout(requestBookListTimer);
                requestBookListTimer = setTimeout(function () {
                    var bookKeyword = $.trim($(self).val()).toLowerCase();
                    var bookName = $.trim($('#book-keyword').val());
                    if (bookKeyword != bookName) {
                        showBookList(bookKeyword);
                    }
                }, 500);
                //$(self).attr('data-timer-id', timerId);
            });

            // 关闭设置云教材弹窗
            $('.close-digital-books').click(function () {
                $('#set-books-button').addClass('disabled').attr('disabled', true).attr('data-status',
                    'N');
                $('#digital-textbooks-box').hide();
                $('.icon-edit[data-box=books]').show();
            });

            // 确定设置云教材
            $('#set-books-button').click(function () {
                var bookId = $('.books-selected').attr('data-id');
                setDigitalBook(bookId);
            });
            // 不设置云教材
            $('#clear-book-buuton').click(function () {
                $('#digital-textbooks-box').hide();
            });

            // 使用云教材封面作为班课封面
            $('.avater').click(function () {
                var status = $(this).attr('data-status');
                if (status === 'Y') {
                    $(this).attr('class', 'icon-check-empty avater').attr('data-status', 'N');
                } else {
                    $(this).attr('class', 'icon-check avater').attr('data-status', 'Y');
                }
            });

            $('#search-digital-textbooks').blur(function (e) {
                $('#search-input-box').css('border-color', '#CCC');
                $('#search-input-box .icon-search').css('color', '#CCC');

                if ($(this).attr('data-timer-id')) {
                    clearInterval(+($(this).attr('data-timer-id')));
                }
                $(this).attr('data-timer-id', '');
            });

            // 进入活动
            $(document).on('click', '.interaction-row', function () {
                // 作业，被指定为评价人，以学生身份
                var appraisersId = $(this).attr('data-appraiser-id');
                var status = $(this).attr('data-row-status');
                var id = $(this).attr('data-id');
                var type = $(this).attr('data-type');
                if (type === 'QA' && (status === 'END' || status === 'IN_PRGRS')) {
                    return '';
                }
                if (status === 'END' && $(this).attr('data-type') === 'HOMEWORK') {
                    window.location.href =
                        "https://www.mosoteach.cn/web/index.php?c=interaction_homework&m=homework_result_list&clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6" +
                        '&id=' + id;
                } else if (type === 'BOOK_LEARN' && status === 'INIT') {
                    editAction.editBookAct($(this).attr('data-id'), status);
                } else {
                    if (!userPermissionOther &&
                        $(this).attr('data-type') === 'HOMEWORK' &&
                        $(this).attr('data-appraise-type') === 'APPRAISER' &&
                        $(this).attr('data-appraiser-id') === 'Y') {
                        $('.select-role-bg').attr('data-action-id', $(this).attr('data-id')).show();
                    } else {
                        var url = $(this).attr('data-url');
                        window.location.href = url;
                    }
                }
            });
            $(document).on('click', '.select-role-appraise, .select-role-edit', function (evt) {
                var role = $(this).attr('data-value');
                var id = $(this).parents('.select-role-bg').attr('data-action-id');
                if (role === 'edit') {
                    window.location.href =
                        "https://www.mosoteach.cn/web/index.php?c=interaction_homework&m=s_write&clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6" +
                        '&id=' + id;
                } else {
                    window.location.href =
                        "https://www.mosoteach.cn/web/index.php?c=interaction_homework&m=homework_result_list&clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6" +
                        '&id=' + id;
                }
            });
            $(document).on('click', '.select-role-cancel', function (evt) {
                $('.select-role-bg').hide();
            });

            // 被指定评价人选择进入作业的目的
            function hwAppraiserRole(role, actionId, ccId) {
                if (role != 'edit' && role != 'appraise') return;
                showLoading();
                $.ajax({
                    type: 'post',
                    dataTYpe: 'json',
                    url: 'index.php?c=interaction&m=set_appraiser_role',
                    data: {
                        action_id: actionId,
                        clazz_course_id: ccId,
                        role: role
                    },
                    success: function (msg) {
                        if (msg.result_code == 0) {
                            var url = $('.interaction-row[data-id="' + actionId + '"]').attr(
                                'data-url');
                            window.location.href = url;
                        } else {
                            hideLoading();
                        }
                    }
                });
            }
            // 投影模式按钮的冒泡
            $(document).on('click', '.projection-mode-entrance a', function (e) {
                e.stopPropagation();
            });
            //  多选框: checkbox的类名，切换时触发的回调
            function CheckBox(checkBoxClassName, onSwitchCallback) {
                this.checkBox = $('i.' + checkBoxClassName + '');
                this.value = this.checkBox.attr('data-value');
                this.onSwitchCallback = onSwitchCallback;

                var self = this;
                this.checkBox.click(function (e) {
                    self.switch(e);
                });
            };
            CheckBox.prototype.switch = function (e) {
                if (this.value === 'Y') {
                    this.checkEmpty();
                } else {
                    this.check();
                }
            };
            CheckBox.prototype.check = function () {
                this.checkBox.removeClass('icon-check-empty').addClass('icon-check').attr('data-value',
                'Y');
                this.value = 'Y';
                if (typeof this.onSwitchCallback === 'function') {
                    this.onSwitchCallback('CHECKED');
                }
            };
            CheckBox.prototype.checkEmpty = function () {
                this.checkBox.removeClass('icon-check').addClass('icon-check-empty').attr('data-value',
                'N');
                this.value = 'N';
                if (typeof this.onSwitchCallback === 'function') {
                    this.onSwitchCallback('UNCHECK');
                }
            };
            var picAllowed = new CheckBox('allow-send-picture');
            var voiceAllowed = new CheckBox('allow-send-voice');
            var videoAllowed = new CheckBox('allow-send-video');
            var randomOrder = new CheckBox('random-order');
            var randomOption = new CheckBox('random-option');
            var autoEndSet = new CheckBox('edit-auto-end', function (e) {
                var setTimeEle = $('.edit-auto-end-time').find('.set-auto-end-time');
                if (e === 'UNCHECK') {
                    timer.stop();
                    setTimeEle.hide();
                } else {
                    timer.run();
                    setTimeEle.show();
                }
            });

            editAction = {
                editDialog: $('.edit-action-bg'),
                type: '', // 活动类型
                status: '', // 活动状态
                resData: {},
                xhrData: {
                    url: '',
                    data: {},
                    successCallback: function () {}
                },
                sendXhr: function () {
                    showLoading();
                    var _this = this;
                    $.ajax({
                        type: 'POST',
                        dataType: 'json',
                        url: _this.xhrData.url,
                        data: _this.xhrData.data,
                        success: function (msg) {
                            _this.xhrData.successCallback(msg);
                        }
                    });
                },
                dialogBoxItems: function () {
                    // 展示表单项
                    if (this.type === 'STORM' || this.type === 'HOMEWORK' || this.type === 'VOTE') {
                        this.editDialog.find('.edit-action-qa').hide();
                        this.editDialog.find('.edit-action-quiz').hide();
                    }
                    if (this.type === 'QA') {
                        this.editDialog.find('.edit-action-qa').show();
                        this.editDialog.find('.edit-action-quiz').hide();
                    }
                    if (this.type === 'QUIZ') {
                        this.editDialog.find('.edit-action-qa').hide();
                        this.editDialog.find('.edit-action-quiz').show();
                    }
                    if (this.type === 'BOOK_LEARN') {
                        this.editDialog.find('.edit-action-quiz, .edit-action-qa,.edit-auto-end-time')
                            .hide();
                        return;
                    }
                    // 自动时间显示？
                    if (this.status == 'IN_PRGRS') {
                        this.editDialog.find('.edit-auto-end-time').show();
                    } else {
                        this.editDialog.find('.edit-auto-end-time').hide();
                    }
                },
                showSavedInfo: function (baseInfo) {
                    var baseInfo = baseInfo.data;
                    if (this.type === 'BOOK_LEARN') {
                        console.log(baseInfo);
                        this.editDialog.find('input[name=edit-action-title]').val(baseInfo.title);
                        this.editDialog.find('#edit-group-name').combobox('setValue', baseInfo
                            .group_name);
                        this.editDialog.find('.act-use .check-list span').removeClass('icon-ok-circle')
                            .addClass('icon-circle-blank').filter(function () {
                                return $(this).attr('data-type') === baseInfo.purpose;
                            }).removeClass('icon-circle-blank').addClass('icon-ok-circle');
                        return;
                    }
                    this.editDialog.find('input[name=edit-action-title]').val(baseInfo.title);
                    this.editDialog.find('#edit-group-name').combobox('setValue', baseInfo.group_name);
                    this.editDialog.find('.act-use .check-list span').removeClass('icon-ok-circle')
                        .addClass('icon-circle-blank').filter(function () {
                            return $(this).attr('data-type') === baseInfo.purpose;
                        }).removeClass('icon-circle-blank').addClass('icon-ok-circle');
                    var date, hout, minute;
                    if (this.status == 'IN_PRGRS' && baseInfo.auto_end == 'Y') {
                        autoEndSet.check();
                        date = baseInfo.auto_end_time.split(' ')[0];
                        hour = baseInfo.auto_end_time.split(' ')[1].slice(0, 2);
                        minute = baseInfo.auto_end_time.split(' ')[1].slice(3, 5);
                    } else {
                        var today = new Date().getTime() + 86400000;
                        var tomorrow = new Date(today);
                        date = tomorrow.getFullYear() + '-' + (tomorrow.getMonth() + 1) + '-' + tomorrow
                            .getDate();
                        hour = '08';
                        minute = '00';
                        autoEndSet.checkEmpty();
                    }
                    $('#edit-end-hours').combobox('loadData', easyuiReloadHours($('#edit-end-date')));
                    $('#edit-end-minutes').combobox('loadData', easyuiReloadMinutes($('#edit-end-date'),
                        hour));

                    $('#edit-end-date').datebox('setValue', date);
                    $('#edit-end-hours').combobox('setValue', hour);
                    $('#edit-end-minutes').combobox('setValue', minute);

                    // 作业显示为“自动进入评价”
                    if (baseInfo.type === 'HOMEWORK') {
                        $('.set-auto-end-time').children().last().text('进入评价');
                        $('.edit-auto-end').next('span').text('自动进入评价');
                    } else {
                        $('.set-auto-end-time').children().last().text('结束');
                        $('.edit-auto-end').next('span').text('自动结束');
                    }

                    if (this.type === 'QUIZ') {
                        if (baseInfo.unordered_topic === 'Y') {
                            randomOrder.check();
                        } else {
                            randomOrder.checkEmpty();
                        }
                        if (baseInfo.unordered_option === 'Y') {
                            randomOption.check();
                        } else {
                            randomOption.checkEmpty();
                        }

                        timeLimit.setValue(baseInfo.time_limit);
                        timeLimit.initialValue = baseInfo.time_limit;

                        submitCountLimit.setValue(baseInfo.submit_count_limit);
                        submitCountLimit.initialValue = baseInfo.submit_count_limit;

                        this.editDialog.find('.view-answer-time.icon-ok-circle').removeClass(
                            'icon-ok-circle').addClass('icon-circle-blank');
                        this.editDialog.find('.view-answer-time[data-value=' + baseInfo
                                .view_answer_time + ']').removeClass('icon-circle-blank')
                            .addClass('icon-ok-circle');
                    } else if (this.type == 'QA') {
                        this.editDialog.find('.edit-main-subject').val(baseInfo.subject);
                        if (baseInfo.pic_allowed === 'Y') {
                            picAllowed.check();
                        } else {
                            picAllowed.checkEmpty();
                        }
                        if (baseInfo.audio_allowed === 'Y') {
                            voiceAllowed.check();
                        } else {
                            voiceAllowed.checkEmpty();
                        }
                        if (baseInfo.video_allowed === 'Y') {
                            videoAllowed.check();
                        } else {
                            videoAllowed.checkEmpty();
                        }
                    }
                    settingAutoEndTime = false;
                    timer.initElement({
                        date: $('#edit-end-date'),
                        hour: $('#edit-end-hours'),
                        minute: $('#edit-end-minutes')
                    });
                    if (autoEndSet.value === 'Y') {
                        timer.run();
                    }
                },
                saveEditedinfo: function () {
                    // 保存修改后的活动信息
                    var data = {};
                    data.type = this.type;
                    data.id = this.id;
                    data.clazz_course_id = '9E603F91-4AF8-11EA-9C7F-98039B1848C6';
                    data.title = $.trim(this.editDialog.find('input[name=edit-action-title]').val());
                    data.group_name = $.trim(this.editDialog.find('#edit-group-name').combobox(
                        'getText'));
                    var url =
                        'https://www.mosoteach.cn/web/index.php?c=interaction&m=edit_interaction_start';

                    if (data.title.length === 0) {
                        layerMsg('请填写标题', this.editDialog.find('input[name=edit-action-title]'));
                        return;
                    } else if (isEmojiCharacter(data.title)) {
                        layerMsg('不能输入表情', this.editDialog.find('input[name=edit-action-title]'));
                        return;
                    } else if (data.title.length > 100) {
                        layerMsg('标题最多100字', this.editDialog.find('input[name=edit-action-title]'));
                        return;
                    }
                    if (data.group_name.length === 0) {
                        layerMsg('请选择分组', this.editDialog.find('#edit-group-name').combobox('textbox'));
                        return;
                    } else if (isEmojiCharacter(data.group_name)) {
                        layerMsg('不能输入表情', this.editDialog.find('#edit-group-name').combobox(
                        'textbox'));
                        return;
                    } else if (data.group_name.length > 60) {
                        layerMsg('分组名最多60字', this.editDialog.find('#edit-group-name').combobox(
                            'textbox'));
                        return;
                    }
                    if (this.status == 'IN_PRGRS') {
                        data.auto_end = autoEndSet.value;
                    } else {
                        data.auto_end = 'N';
                    }
                    if (this.status === 'IN_PRGRS' && data.auto_end === 'Y') {
                        var editDate = this.editDialog.find('#edit-end-date').datebox('getValue');
                        var editHour = this.editDialog.find('#edit-end-hours').combobox('getValue');
                        var editMinute = this.editDialog.find('#edit-end-minutes').combobox('getValue');
                        data.auto_end_time = editDate + ' ' + editHour + ':' + editMinute + ':00';
                    }
                    if (this.type === 'QUIZ') {
                        data.unordered_topic = randomOrder.value; // 乱序
                        data.unordered_option = randomOption.value;
                        data.time_limit = timeLimit.result; // 时间限制
                        data.submit_count_limit = submitCountLimit.result; // 次数限制
                        data.view_answer_time = this.editDialog.find('.icon-ok-circle.view-answer-time')
                            .attr('data-value'); //查看答案时机
                    }
                    if (this.type === 'QA') {
                        data.subject = $.trim(this.editDialog.find('.edit-main-subject').val()); // 答疑主题
                        data.pic_allowed = picAllowed.value; // 允许图片
                        data.audio_allowed = voiceAllowed.value; // 允许语音
                        data.video_allowed = videoAllowed.value; // 允许语音
                    }
                    if (this.type === 'BOOK_LEARN') {
                        url = 'https://www.mosoteach.cn/web/index.php?c=interaction_book_learn&m=save';
                        data = {
                            clazz_course_id: '9E603F91-4AF8-11EA-9C7F-98039B1848C6',
                            title: $.trim(this.editDialog.find('input[name=edit-action-title]')
                            .val()),
                            group_name: $.trim(this.editDialog.find('#edit-group-name').combobox(
                                'getText')),
                            section_ids: this.resData.section_ids,
                            type: 'edit',
                            book_learn_id: this.resData.id,
                        }
                    }
                    var self = this;
                    data.purpose = $('.act-use .icon-ok-circle').attr('data-type');
                    this.xhrData.data = data;
                    this.xhrData.url = url;
                    this.xhrData.successCallback = function (msg) {
                        if (msg.result_code != 0) {
                            hideLoading();
                        }
                        switch (msg.result_code) {
                            case 0:
                                window.location.reload();
                                break;
                            case 1104:
                                self.editDialog.hide();
                                confirms('提示', '活动不存在或已经被删除', function () {
                                    window.location.reload();
                                }, '', '', 'alert');
                                break;
                            case 2002:
                            case 2003:
                            case 2007:
                                self.editDialog.hide();
                                confirms('提示', msg.msg, function () {
                                    window.location.href = msg.redirect;
                                }, '', '', 'alert');
                                break;
                            case 2008:
                                var notice = self.type === 'HOMEWORK' ?
                                    '你设置的任务时长少于1分钟，请重新设置活动截止提交时间' : '你设置的任务时长少于1分钟，请重新设置活动结束时间';
                                confirms('提示', notice, '', '', '', 'alert');
                                break;
                            default:
                                self.editDialog.hide();
                                commonError.handleFunc(msg.result_code, '', msg);
                                break;
                        }
                    };
                    this.sendXhr();
                },
                requestBaseInfo: function (id, type) {
                    // 获取活动基本信息
                    var _this = this;

                    _this.id = id;
                    _this.type = type;

                    _this.xhrData.url =
                        'https://www.mosoteach.cn/web/index.php?c=interaction&m=interaction_base_info';
                    _this.xhrData.data = {
                        id: _this.id,
                        type: _this.type
                    };
                    _this.xhrData.successCallback = function (msg) {
                        hideLoading();
                        switch (msg.result_code) {
                            case 0:
                                if (!msg.data) msg.data = msg.rows;

                                _this.status = msg.data.status;
                                if (_this.status === 'INIT' && msg.data.type.toLowerCase() ==
                                    'quiz') {
                                    window.location.href =
                                        'https://www.mosoteach.cn/web/index.php' +
                                        '?c=interaction_quiz' +
                                        '&m=quiz_import_topic' +
                                        '&data_status=edit' +
                                        '&clazz_course_id=' + msg.data.clazz_course_id +
                                        '&act_id=' + msg.data.id;
                                } else if (_this.status === 'INIT') {
                                    window.location.href =
                                        'https://www.mosoteach.cn/web/index.php' +
                                        '?c=interaction_' + msg.data.type.toLowerCase() +
                                        '&m=modify' +
                                        '&clazz_course_id=' + msg.data.clazz_course_id +
                                        '&id=' + msg.data.id;
                                } else {

                                    _this.dialogBoxItems();
                                    _this.showSavedInfo(msg);
                                    _this.editDialog.show();
                                    // 窗口的位置 （上边距）
                                    var dialogMain = _this.editDialog.find('.edit-action-box');
                                    var innerHeight = dialogMain.innerHeight();
                                    dialogMain.css('margin-top', (innerHeight / 2 * -1) + 'px');
                                }
                                break;
                            default:
                                commonError.handleFunc(msg.result_code, '', msg);
                        }
                    };
                    _this.sendXhr();
                },
                editBookAct: function (id, type) {
                    // 先检验是否关联云教材
                    editAction.type = 'BOOK_LEARN';
                    editAction.id = id;
                    var url =
                        'https://www.mosoteach.cn/web/index.php?c=interaction_book_learn&m=check_book_id';
                    var data = {
                        book_learn_id: id,
                        clazz_course_id: '9E603F91-4AF8-11EA-9C7F-98039B1848C6'
                    };
                    $.ajax({
                        type: 'post',
                        data: data,
                        dataType: 'json',
                        url: url,
                        success: function (msg) {
                            switch (msg.result_code) {
                                case 0:
                                    if (type === 'END') {
                                        // 结束状态编辑按钮不进入编辑页面
                                        editAction.resData = msg.data;
                                        editAction.dialogBoxItems();
                                        editAction.showSavedInfo(msg);
                                        editAction.editDialog.show();

                                        // 窗口的位置 （上边距）
                                        var dialogMain = editAction.editDialog.find(
                                            '.edit-action-box');
                                        var innerHeight = dialogMain.innerHeight();
                                        dialogMain.css('margin-top', (innerHeight / 2 * -
                                            1) + 'px');
                                        return;
                                    }
                                    window.location.href =
                                        'https://www.mosoteach.cn/web/index.php?c=interaction_book_learn&m=modify' +
                                        '&id=' + id + '&clazz_course_id=' +
                                        '9E603F91-4AF8-11EA-9C7F-98039B1848C6';
                                    break;
                                case 1:
                                    confirms('无法编辑活动信息', msg.result_msg, function () {
                                        // window.location.reload();
                                    }, '', '', 'alert');
                                    break;
                                default:
                                    commonError.handleFunc(msg.result_code);
                                    break;
                            }
                        },
                    })
                }
            };
            editAction.editDialog.find('.view-answer-time').click(function () {
                $(this).siblings('.view-answer-time').removeClass('icon-ok-circle').addClass(
                    'icon-circle-blank');
                var selectedItem = $(this).hasClass('icon-ok-circle');
                if (selectedItem) {
                    $(this).removeClass('icon-ok-circle').addClass('icon-circle-blank');
                } else {
                    $(this).removeClass('icon-circle-blank').addClass('icon-ok-circle');
                }
            });
            editAction.editDialog.find('.save').click(function () {
                // 获取选中的时间
                var date = $('#edit-end-date').datebox('getValue');
                var hour = $('#edit-end-hours').combobox('getValue');
                var minute = $('#edit-end-minutes').combobox('getValue');

                var autoEndDateObj = turnToDateObj(date, hour, minute);
                var thisTime = new Date();
                // 设定的结束时间少于 5 min
                var lessThan5Min = turnToMinutes(autoEndDateObj) - turnToMinutes(thisTime) <= 5;

                if (editAction.status === 'IN_PRGRS' && autoEndSet.value === 'Y' && lessThan5Min) {
                    confirms('提示', '你设置的任务时长少于5分钟，是否继续', function () {
                        editAction.saveEditedinfo();
                    }, '', '', '', '', '继续', '');
                } else {
                    editAction.saveEditedinfo();
                }
            });
            editAction.editDialog.find('.cancel').click(function () {
                editAction.editDialog.hide();
                timer.stop();
            });
            editAction.editDialog.find('.edit-action-close').find('img').hover(function () {
                $(this).attr('src',
                    'https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/icon-close-hover.png'
                    );
            }, function () {
                $(this).attr('src',
                    'https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/icon-close-normal.png'
                    );
            });
            // 搜索框获取焦点 边框颜色改变
            $('#interaction-search input').focus(function () {
                $('#interaction-search').css('border-color', '#0BD');
                $('#interaction-search i').css('color', '#0BD');
            });
            $('#interaction-search input').blur(function () {
                $('#interaction-search').css('border-color', '#CCC');
                $('#interaction-search i').css('color', '#888');
            });

            // 搜索
            $('#search-interaction .icon-search').click(function () {
                $('#search-interaction').submit();
            });
            $('#interaction-search input').keyup(function (e) {
                if (e.keyCode === 13)
                    $('#search-input-box .icon-search').click();
            });

            // 切换查看方式
            $('#view-manner i').click(function () {
                $('#view-manner').find('i').attr('class', 'icon-circle-blank');
                $(this).attr('class', 'icon-ok-circle');

                var status = $(this).attr('data-status');
                if (status == "")
                    return;

                var url =
                    "https://www.mosoteach.cn/web/index.php?c=interaction&m=index&clazz_course_id=9E603F91-4AF8-11EA-9C7F-98039B1848C6&keyword=" +
                    "&status=" + status;

                window.location.href = url;
            });

            // 折叠分组
            $('.group-name').click(function () {
                var el = $(this).find('.slidedown-button');
                var status = $(el).attr('data-status');
                var groupId = $(el).parents('.interaction-group').attr('data-id');
                interactionGroupExpandStatus.switch(groupId);
                if (status === 'N') {
                    $(el).parents('.interaction-group').find('.interaction-rows').slideUp();
                    $(el).attr('data-status', 'Y').removeClass('icon-angle-up').addClass(
                        'icon-angle-down');
                } else {
                    $(el).parents('.interaction-group').find('.interaction-rows').slideDown();
                    $(el).attr('data-status', 'N').addClass('icon-angle-up').removeClass(
                        'icon-angle-down');
                }
            });


            // 删除活动
            $('.del-interaction').click(function () {
                if ($(this).attr('data-enable') !== 'Y') return;
                var interaction = $(this).parents('.interaction-row');
                var title = interaction.find('.interaction-name').text();
                var interactionType = interaction.attr('data-type');
                var id = interaction.attr('data-id');
                var actionInPrgrs = $(this).parents('.interaction-row').attr('data-row-status') !==
                    'INIT'; // 活动已经不在未开始状态
                var revokeScoreCheckBox = onlyDeleteInteraction && actionInPrgrs ? 'Y' :
                'N'; // 回收经验值的 checkbox 
                var type = $(this).parents('.interaction-row').attr('data-type');
                if (id.length <= 0 || title.length <= 0 || interactionType.length <= 0) return false;
                // 删除确认弹窗的文案
                var deleteConfirmsContent = {
                    hint: '',
                    sureTitle: '',
                    cancelTitle: ''
                };
                if (userPermissionDeleteEveryAction) {
                    deleteConfirmsContent.hint = '你确定删除 ' + title + ' 吗？';
                } else {
                    deleteConfirmsContent.hint = '活动删除后不可恢复，删除活动时产生的经验值将被收回';
                    deleteConfirmsContent.sureTitle = '删除';
                }

                if (type === 'BOOK_LEARN') {
                    revokeScoreCheckBox = 'N';
                }
                confirms('删除活动', deleteConfirmsContent.hint, function () {
                        var deleteScore = $('#del-experience-input').val(); // 是否回收经验值
                        // 经验值被收回
                        if (!onlyDeleteInteraction) {
                            deleteScore = 'Y';
                        }
                        showLoading();
                        var data, url;
                        if (interactionType === 'BOOK_LEARN') {
                            data = {
                                book_learn_id: id,
                                clazz_course_id: "9E603F91-4AF8-11EA-9C7F-98039B1848C6"
                            };
                            url =
                                'https://www.mosoteach.cn/web/index.php?c=interaction_book_learn&m=delete_book_learn';
                        } else {
                            data = {
                                'clazz_course_id': "9E603F91-4AF8-11EA-9C7F-98039B1848C6",
                                'id': id,
                                'type': interactionType,
                                'delete_score': deleteScore
                            };
                            url =
                                "https://www.mosoteach.cn/web/index.php?c=interaction&m=delete_interaction";
                        }
                        $.ajax({
                            type: "POST",
                            url: url,
                            data: data,
                            dataType: "json",
                            success: function (msg) {
                                switch (msg.result_code) {
                                    case 0:
                                        window.location.reload();
                                        break;
                                    default:
                                        commonError.handleFunc(msg.result_code);
                                        break;
                                }
                            }
                        }); // 
                    }, '', revokeScoreCheckBox, '', '', deleteConfirmsContent.sureTitle,
                    deleteConfirmsContent.cancelTitle);
                // 阻止事件冒泡
                return false;
            });


            // 查看学生参与活动的情况
            var g_remindType = 'N_J_A';
            $('.show-info').click(function () {
                var id = $(this).parents('.interaction-row').attr('data-id');
                var type = $(this).parents('.interaction-row').attr('data-type');
                var status = $(this).parents('.interaction-row').attr('data-row-status');
                var title = $(this).parents('.interaction-row').find('.interaction-name').text();
                var appraiseType = $(this).parents('.interaction-row').attr('data-appraise-type');
                if (id.length <= 0 || title.length <= 0) return;

                if (status === 'IN_PRGRS') {
                    $('.show-status').show();
                } else {
                    $('.show-status').hide();
                }
                if (type === 'HOMEWORK' && status != 'IN_PRGRS') {
                    $('.remind-member').hide();
                } else {
                    $('.remind-member').show();
                }
                if (type === 'HOMEWORK')
                    g_remindType = 'N_J_H';
                else if (type === "BOOK_LEARN") {
                    g_remindType = 'N_J_B_L';
                } else
                    g_remindType = 'N_J_A';

                showInfo(id, type, title, status, appraiseType);
                $('.buttons-box div[data-value=1]').click();
                return false;
            });

            // 查看信息
            $('.buttons-box div').click(function () {
                var type = $(this).attr('data-type');
                if (type === 'show') return;

                $('.buttons-box div').attr('data-type', 'hide');
                if (type === 'hide') {
                    $(this).attr('data-type', 'show');
                }

                var value = $(this).attr('data-value');
                if (value === '1') {
                    $('#not-involved').show();
                    $('#already-participate').hide();
                } else {
                    $('#already-participate').show();
                    $('#not-involved').hide();

                }
            });
            // 提醒倒计时
            var remindTimer = {
                timeLimit: 10,
                timerId: 0,
                view: $('.remind-member button'),
                run: function () {
                    var self = this;
                    if (self.timerId !== 0) return;
                    var timeLeave = self.timeLimit;
                    self.view.text('再次点击发送提醒 ( ' + timeLeave + ' )');
                    self.timerId = setInterval(function () {
                        self.view.text('再次点击发送提醒 ( ' + (--timeLeave) + ' )');
                        if (timeLeave === 0) {
                            self.stop();
                            return;
                        }
                    }, 1000);
                },
                stop: function () {
                    var self = this;
                    if (self.timerId === 0) return;
                    clearInterval(self.timerId);
                    self.view.text('提醒未参与');
                    self.timerId = 0;
                }
            };
            // 提醒未参与
            $('.remind-member button').click(function () {
                var value = $(this).attr('data-value');
                var self = $(this);
                if (remindTimer.timerId === 0) {
                    remindTimer.run();
                } else {
                    remindTimer.stop();
                    var id = $('#interaction-id').val();
                    if (id.length <= 0) return;

                    $.ajax({
                        type: "POST",
                        url: "https://www.mosoteach.cn/web/index.php?c=msg&m=push_remind",
                        data: {
                            'entity_id': id,
                            'type': g_remindType,
                            'cc_id': '9E603F91-4AF8-11EA-9C7F-98039B1848C6'
                        },
                        dataType: "json",
                        success: function (msg) {
                            switch (msg.result_code) {
                                case 0:
                                    $('.remind-member span').css('color', '#999').text(msg
                                        .push_time);
                                    $('.remind-member button').hide()
                                    $('.remind-member div').css('color', '#999')
                                        .css('float', 'right')
                                        .text('已提醒未参与的同学');
                                    break;
                                case 1001:
                                case 1004:
                                case 1005:
                                case 1006:
                                    alert('提醒失败');
                                    break;
                                case 2014:
                                    confirms('提示', msg.result_msg, function () {
                                        window.location.reload();
                                    }, '', '', 'alert');
                                    break;
                                default:
                                    commonError.handleFunc(msg.result_code);
                                    break;
                            }
                        }
                    });
                }
            });

            // 关闭显示信息
            $('#close-res-info').click(function () {
                remindTimer.stop();
                $('#res-information-bg').hide();
                $('#interaction-id').val('');
            });

            //转发活动
            $('.forward').click(function () {
                var id = $(this).parents('.interaction-row').attr('data-id');
                if (id.length <= 0) return;

                var type = $(this).parents('.interaction-row').attr('data-type');
                $('#forward-interaction .ids').val(id);
                $('#forward-interaction .interaction_type').val(type);
                $('#forward-interaction').submit();
                return false;
            });

            // 编辑活动
            $('.modify').click(function (e) {
                var interactionType = $(this).attr('data-type');
                var interactionId = $(this).attr('data-id');
                if (interactionType === 'HOMEWORK') {
                    window.location.href = $(this).attr('data-modify-url');
                } else if (interactionType === 'BOOK_LEARN') {
                    editAction.editBookAct(interactionId, $(this).parents('.interaction-row').attr(
                        'data-row-status'));
                } else {
                    e.stopPropagation();
                    editAction.requestBaseInfo(interactionId, interactionType);
                    return false;
                }
            });

            // $('.position-box').click(function(event) {
            //     event.stopPropagation();
            //     return;
            // });

            // 结束作业活动
            $('.end-homework').click(function () {
                var id = $('.end-homework-box').attr('data-id');
                var allowComment = $('#allow-comment-input').val();
                changeActionStatus(id, 'HOMEWORK', 'END');
                if (allowComment === 'Y') {
                    hwCommentEnable(id, false);
                }
            });
            // 是否关闭评论
            /* $('.allow-comment-button').click(function() {
                var status = $('#allow-comment-input').val();
                if (status == 'N') {
                    $(this).attr('class', 'icon-check allow-comment-button');
                    $('#allow-comment-input').val('Y');
                } else {
                    $(this).attr('class', 'icon-check-empty allow-comment-button');
                    $('#allow-comment-input').val('N');
                }
            }); */
            // 关闭结束作业
            /* $('.end-homework-button').click(function() {
                $('.close-end-homework-button').click();
            });
            $('.close-end-homework-button').click(function() {
                $('.end-homework-box').hide();
                $('#allow-comment').find('i').attr('class', 'icon-check-empty');
                $('#allow-comment-input').val('N');
            }); */
        });

        // 文案“还剩XX时间结束”
        function autoEndTimeOffset() {
            var date = $('#auto-end-date').datebox('getValue');
            var hour = $('#auto-end-hours').combobox('getValue');
            var minute = $('#auto-end-minutes').combobox('getValue');

            var targetDateTime = turnToDateObj(date, hour, minute).getTime();
            var thisTime = new Date().getTime();
            var offset = targetDateTime - thisTime;

            var minutes = ((targetDateTime - thisTime) / 1000) / 60;
            var day = Math.floor(minutes / 1440);
            var tmp = minutes % 1440;
            var hours = Math.floor(tmp / 60);
            var min = Math.floor((tmp %= 60) + 1);
            var time = '';
            if (day != 0)
                time += day + ' 天 ' + hours + ' 小时 ';
            else if (day == 0 && hours != 0)
                time += hours + ' 小时 ';
            time += min + ' 分钟';
            $('#duration').text(time);
        }

        /**
         * 测试活动进行中，根据学生剩余的答题次数进入不同的页面
         * @param [string] 活动的 id
         * @param [string] 题目的数量
         */
        function userStartQuiz(interaction_id, topicCount) {
            if (topicCount === 0) {
                return false;
            }
            showLoading();
            $.ajax({
                type: 'post',
                url: "https://www.mosoteach.cn/web/index.php?c=interaction_quiz&m=user_quiz_submit_count_left",
                data: {
                    interaction_id: interaction_id,
                    clazz_course_id: "9E603F91-4AF8-11EA-9C7F-98039B1848C6",
                    order_item: "group",
                    user_id: "361EA5B6-4E1E-11EA-9C7F-98039B1848C6"
                },
                dataType: 'json',
                success: function (msg) {
                    hideLoading();

                    switch (msg.result_code) {
                        case 0:
                            window.location.href = msg.url;
                            break;
                        case 1102:
                            confirms('提示', '该测试活动已结束', function () {
                                window.location.reload();
                            }, '', '', 'alert');
                            break;
                        default:
                            commonError.handleFunc(msg.result_code);
                            break;
                    }
                }
            });
        }

        // 活动信息   项目 - 内容
        function createActionInfoElement(title, content) {
            var element = '<tr>' +
                '<td class="action-info-item-title">' + html_encode(title) + '：</td>' +
                '<td class="action-info-item-content" title="' + content + '">' + html_encode(content) + '</td>' +
                '</tr>';
            return $(element);
        }
        // 展开活动信息
        $(document).on('click', '.action-info-item-content', function () {
            var $this = $(this);
            if ($this.hasClass('action-info-full-title')) {
                $this.removeClass('action-info-full-title');
            } else {
                $this.addClass('action-info-full-title');
            }
        });
        /**
         * 查看活动信息
         * @param [type] string 活动id
         * @param [type] string 活动类型
         * @param [type] string 活动名称
         * @param [type] string 活动状态
         */
        function showInfo(id, type, resName, status, appraiseType) {
            if (id.length <= 0) return;
            var data, url;

            showLoading();
            if (type === 'BOOK_LEARN') {
                data = {
                    book_learn_id: id,
                    clazz_course_id: '9E603F91-4AF8-11EA-9C7F-98039B1848C6'
                };
                url = 'https://www.mosoteach.cn/web/index.php?c=interaction_book_learn&m=get_record';
            } else {
                data = {
                    'interaction_id': id,
                    'type': type
                };
                url = "https://www.mosoteach.cn/web/index.php?c=interaction&m=get_record";
            }
            $.ajax({
                type: "POST",
                url: url,
                data: data,
                dataType: "json",
                success: function (msg) {
                    console.log(msg);
                    if (msg.result_code === 0) {
                        $('#not-involved').empty();
                        $('#already-participate').empty();

                        $('#interaction-id').val(id);

                        var box = $('.res-info-box').children('table').empty();

                        // 结束 / 开始评价 方式
                        var closeWay = '';
                        if (msg.auto_end === 'Y') {
                            closeWay = msg.plan_end_time.slice(0, -3).replace(/-/g, '.') + ' 自动';
                        } else {
                            closeWay = '该活动需要手动';
                        }
                        // 标题
                        $('.interaction-title').text(resName).attr('title', resName)

                        var targetAction = $('.interaction-row[data-id=' + id + ']');
                        var operaterId = targetAction.attr('data-operater-id');

                        var useType = '未指定';
                        useType = _moso.getUseType(msg.purpose);

                        createActionInfoElement('用途', useType).appendTo(box);
                        // 操作人为助教时显示
                        if (createrId !== operaterId) {
                            var operaterRole = targetAction.attr('data-operater-role');
                            var operaterName = targetAction.attr('data-operater-name');
                            createActionInfoElement('操作人', operaterRole += operaterName).appendTo(box);
                        }
                        createActionInfoElement('创建时间', msg.create_time.slice(0, -3).replace(/-/g, '.'))
                            .appendTo(box);
                        createActionInfoElement('最后一次开始时间', msg.start_time.slice(0, -3).replace(/-/g, '.'))
                            .appendTo(box);

                        if (type === 'HOMEWORK') {
                            if (msg.deadline_time) {
                                createActionInfoElement('最晚提交时间', msg.deadline_time.slice(0, -3).replace(
                                    /-/g, '.')).appendTo(box);
                            }
                            if (appraiseType === 'EACH_OTHER' && (status === 'APPRAISEING' || status ===
                                    'END')) {
                                createActionInfoElement('开始评分时间', msg.start_appraise_time.slice(0, -3)
                                    .replace(/-/g, '.')).appendTo(box);
                            }

                        } else {
                            if (status === 'IN_PRGRS') {
                                createActionInfoElement('结束方式', closeWay + '结束').appendTo(box);
                            }
                        }

                        if (status === 'END') {
                            createActionInfoElement('结束时间', msg.end_time.slice(0, -3).replace(/-/g, '.'))
                                .appendTo(box);
                        }

                        var viewedText = '';
                        var unviewText = '';
                        var firstCheck = '首次提交';
                        switch (type) {
                            case "HOMEWORK":
                                viewedText = '已提交 ';
                                unviewText = '未提交 ';
                                break;
                            case "QA":
                                viewedText = '已发言 ';
                                unviewText = '未发言 ';
                                firstCheck = '首次发言';
                                break;
                            case 'VOTE':
                            case "STORM":
                            case "QUIZ":
                            case "BOOK_LEARN":
                                viewedText = '已参与 ';
                                unviewText = '未参与 ';
                                break;
                        }

                        var attendedSize = typeof (msg.attended) === "undefined" ? 0 : msg.attended.length;
                        var unattendSize = typeof (msg.unattend) === "undefined" ? 0 : msg.unattend.length;

                        $('#viewed').text(viewedText + attendedSize + ' 人');
                        $('#unview').text(unviewText + unattendSize + ' 人');

                        // 已参与 已提交
                        var ul1 = $('<ul>');
                        for (var i = 0; i < unattendSize; i++) {
                            var li1 = $('<li>');
                            var span1 = $('<span>').attr('class', 'member-name').text(msg.unattend[i][
                                'full_name'
                            ]);
                            var span2 = $('<span>').attr('class', 'student-no').text(msg.unattend[i][
                                'student_no'
                            ]);

                            span1.appendTo(li1);
                            span2.appendTo(li1);
                            li1.attr('class', 'no-check');
                            li1.appendTo(ul1);
                        }

                        // 未参与 未提交
                        var ul2 = $('<ul>');
                        var liHtml = '';
                        var not_in_clazz = [];
                        for (var k = 0; k < attendedSize; k++) {
                            if (type === 'BOOK_LEARN') {
                                var liHtml = '\
                                <li class="no-check">\
                                    <span class="member-name">' + html_encode(msg.attended[k]['full_name']) + '</span>\
                                    <span class="student-no">' + html_encode(msg.attended[k]['student_no']) + '</span>\
                                </li>';
                                $(liHtml).appendTo(ul2);
                            } else {
                                var create_time = msg.attended[k]['create_time'].replace(/-/g, '/');
                                var t = new Date(create_time);
                                t = t.Format("yyyy.MM.dd hh:mm");
                                var li2 = $('<li>');
                                var div1 = $('<div>');
                                var div2 = $('<div>');
                                var span3 = $('<span>').attr('class', 'member-name').text(msg.attended[k][
                                    'full_name'
                                ]);
                                var span4 = $('<span>').attr('class', 'student-no').text(msg.attended[k][
                                    'student_no'
                                ]);
                                var span_datetime = $('<span>').attr('class', 'datetime').text(t);
                                var span_first_time = $('<span>').attr('class', 'first-time').text(
                                    firstCheck);

                                span3.appendTo(div1);
                                span_first_time.appendTo(div1);
                                span_datetime.appendTo(div1);

                                span4.appendTo(div2);
                                if (msg.attended[k]['in_cc_flag'] == 'N') {
                                    var span_in_clazz = $('<span>').attr('class', 'in-clazz').text('已退出班课');
                                    span_in_clazz.appendTo(div2);
                                    li2.attr('style', 'color:#999');
                                }

                                div1.appendTo(li2);
                                div2.appendTo(li2);
                                li2.attr('class', 'already-check');
                                if (msg.attended[k]['in_cc_flag'] == 'N') {
                                    not_in_clazz.push(li2)
                                } else {
                                    li2.appendTo(ul2);
                                }
                            }
                        }
                        // 不再班课的加到列表的最后面
                        var not_in_clazz_len = not_in_clazz.length;
                        for (var i = 0; i < not_in_clazz_len; i++) {
                            $(not_in_clazz[i]).appendTo(ul2);
                        }

                        ul1.appendTo($('#not-involved'));
                        ul2.appendTo($('#already-participate'));

                        if (!msg.unattend) {
                            $('.show-status').hide();
                        }
                        if (msg.allow_push_remind === 'N') {
                            $('.remind-member span').css('color', '#999').text(msg.last_push_remind_time);
                            $('.remind-member button').hide()
                            $('.remind-member div').css('color', '#999')
                                .css('float', 'right')
                                .text('已提醒未参与的同学');
                        } else {
                            $('.remind-member span').css('color', '#FF3300').text('每个已开始的活动只能提醒一次');
                            $('.remind-member button').show()
                            $('.remind-member div').text('');
                        }

                        // 窗体位置
                        $('#res-information-bg').show()
                        var _top = ($(window).height() - $('#res-information-box').innerHeight()) / 2;
                        $('#res-information-box').css('top', _top + 'px');
                    } else {
                        if (msg.result_code == 1101) {
                            confirms('提示', '操作无效，活动已被删除（1101）', function () {
                                window.location.reload();
                            }, '', '', 'alert');
                        } else {
                            commonError.handleFunc(msg.result_code);
                        }
                    }
                    hideLoading();
                }
            });
        }

        /**
         * 选择日期时重新设置时间框的值
         */
        /* function getSelectedDate () {
            var date = new Date();
            var y = date.getFullYear();
            var m = (date.getMonth() + 1 <= 9) ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
            var d = (date.getDate() <= 9) ? '0' + date.getDate() : date.getDate();

            var dateStr = y + '-' + m + '-' + d;

            var setDate = $('#auto-end-date').datebox('getValue');

            var hours = date.getHours();
            var minutes = date.getMinutes();
            minutes = minutes < 10 ? '0' + minutes : minutes;
            hours = hours < 10 ? '0' + hours : hours;
            var time = hours+""+minutes;

            var h = 0;
            if (dateStr === setDate) {
                if (minutes > 30) {
                    h = date.getHours() * 2 + 2;
                } else{
                    h = date.getHours() * 2 + 1;
                }
            }

            var timearr = [];
            for (var i = h; i < 48; i++) {
                timearr.push({
                    id: i,
                    text: '',
                    value: i * 30
                });
            }
            timearr[0]['selected'] = true;
            $('#auto-end-time').combobox('loadData', timearr);
        } */

        /**
         * 设置发布时间时 选中当前日期时 将选择时间的下拉框的数据重新载入
         */
        /* function reloadTime () {
            var timearr = [];
            for (var i = 0; i < 48; i++) {
                timearr.push({
                        id: i,
                        text: '',
                        value: i * 30
                    });
            }
            timearr[16]['selected'] = true; // 默认显示的是明天 8:00
            $('#auto-end-time').combobox('loadData', timearr);
        } */

        $('.more-actions').click(function (e) {
            e.stopPropagation();
            return false;
        });
        // 讨论答疑数据导出
        $('.save-qa-html').click(function (e) {
            e.stopPropagation();
            var url = $(this).attr('data-url');
            window.location.href = url + '&export_data=Y';
            return false;
        });

        // 用途点击
        $('.act-use .check-list span').on('click', function () {
            $('.act-use .check-list span').removeClass('icon-ok-circle').addClass('icon-circle-blank');
            $(this).addClass('icon-ok-circle').removeClass('icon-circle-blank');
        });

        /**
         * 列出云教材列表
         * 云教材关键字
         */
        function showBookList(search_text) {
            //创建班课时 不需要 clazz_course_id
            //编辑班课时  需要 clazz_course_id 以查询校本教材授权信息
            var clazz_course_id = '9E603F91-4AF8-11EA-9C7F-98039B1848C6';

            $('#book-keyword').val(search_text);

            $.ajax({
                type: "POST",
                url: "https://www.mosoteach.cn/web/index.php?c=clazzcourse&m=get_books",
                data: {
                    search_text: search_text,
                    clazz_course_id: clazz_course_id
                },
                dataType: "json",
                success: function (msg) {
                    $('#common-books-box').empty();
                    $('#collated-edition-box').empty();
                    $('.books-type').hide();
                    $('#set-books-button').addClass('disabled').attr('disabled', true).attr('data-status',
                        'N');
                    if (msg.public_books.length == 0 && msg.private_books.length == 0) {
                        $('#digital-textbooks-info').hide();
                        $('#empty-books').show();
                        return false;
                    }
                    //公开教材
                    var selectedBookId = $('#digital-book-img').parent().attr('data-book-id');

                    if (msg.public_books.length != 0) {
                        $('#empty-books').hide();
                        $('.common-books').show();
                        for (var i = 0; i < msg.public_books.length; i++) {
                            var s, d;
                            if (msg.public_books[i].book_id == selectedBookId) {
                                $('#set-books-button').attr({
                                    'data-status': 'Y',
                                    'disabled': false
                                }).removeClass('disabled');
                                s = 'books-selected';
                                d = 'Y';
                            } else {
                                s = '';
                                d = 'N';
                            }
                            var div = $('<div onclick=\'selectedBook("Y", "' + msg.public_books[i].book_id +
                                    '");\'>')
                                .attr('data-id', msg.public_books[i].book_id)
                                .attr('class', 'books-info ' + s)
                                .attr('data-status', d)
                                .attr('data-book-num', i);
                            var img = $('<img>').attr('src', msg.public_books[i].small_image_url.replace(
                                    /^http:/, 'https:'))
                                .attr('onerror',
                                    "this.src='https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/book-cover-new.png'"
                                    )
                                .attr('alt', 'books-cover')
                                .css('width', '100px');
                            img.appendTo(div);
                            var ul = $('<ul>').attr('class', 'books-name');
                            ul.appendTo(div);
                            var li_1 = $('<li>').attr('class', 'fontsize-14 color-33')
                                .css('margin-bottom', '25px')
                                .text(msg.public_books[i].title);
                            var li_2 = $('<li>');
                            for (var a = 0; a <= msg.public_books[i].authors.length; a++) {
                                var authors = $('<span>').css('margin-right', '15px')
                                    .text(msg.public_books[i].authors[a]);
                                authors.appendTo(li_2);
                            }

                            if (typeof (msg.public_books[i].publishers) === 'undefined') {
                                var publishers = '';
                            } else {
                                var publishers = msg.public_books[i].publishers[0];
                            }
                            var li_3 = $('<li>').css('margin', '5px 0')
                                .text(publishers);
                            var li_4 = $('<li>').text(msg.public_books[i].edition_description);

                            li_1.appendTo(ul);
                            li_2.appendTo(ul);
                            li_3.appendTo(ul);
                            li_4.appendTo(ul);
                            ul.appendTo(div);
                            div.appendTo($('#common-books-box'));
                        }
                        $('#digital-textbooks-info').show();
                    }

                    //校本教材
                    if (msg.private_books.length != 0) {
                        $('#empty-books').hide();
                        $('.private-books').show();
                        for (var k = 0; k < msg.private_books.length; k++) {
                            if (msg.private_books[k].allow_used_in_cc) {
                                var div = $('<div onclick=\'selectedBook("Y", "' + msg.private_books[k]
                                    .book_id + '");\'>');
                            } else {
                                var div = $('<div onclick=\'selectedBook("N", "");\'>');
                            }

                            div.attr({
                                'class': 'books-info',
                                'data-id': msg.private_books[k].book_id,
                                'data-status': selectedBookId == msg.private_books[k].book_id ?
                                    'Y' : 'N',
                                'data-book-num': k
                            });
                            if (msg.private_books[k].book_id == selectedBookId) {
                                div.addClass('books-selected');
                            }

                            var img = $('<img>').attr('src', msg.private_books[k].small_image_url.replace(
                                    /^http:/, 'https:'))
                                .attr('onerror',
                                    "this.src='https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/book-cover-new.png'"
                                    )
                                .attr('alt', 'books-cover')
                                .css('width', '100px');
                            if (!msg.private_books[k].allow_used_in_cc) {
                                img.attr('class', 'img-gray');
                            }
                            img.appendTo(div);
                            var ul = $('<ul>').attr('class', 'books-name');
                            ul.appendTo(div);
                            var li_1 = $('<li>').attr('class', 'fontsize-14 color-33')
                                .css('margin-bottom', '25px')
                                .text(msg.private_books[k].title);
                            var li_2 = $('<li>');
                            for (var a = 0; a <= msg.private_books[k].authors.length; a++) {
                                var authors = $('<span>').css('margin-right', '15px')
                                    .text(msg.private_books[k].authors[a]);
                                authors.appendTo(li_2);
                            }

                            if (typeof (msg.private_books[k].publishers) === 'undefined') {
                                var publishers = '';
                            } else {
                                var publishers = msg.private_books[k].publishers[0];
                            }
                            var li_3 = $('<li>').css('margin', '5px 0')
                                .text(publishers);
                            var li_4 = $('<li>').text(msg.private_books[k].edition_description);

                            li_1.appendTo(ul);
                            li_2.appendTo(ul);
                            li_3.appendTo(ul);
                            li_4.appendTo(ul);
                            ul.appendTo(div);
                            div.appendTo($('#collated-edition-box'));
                        }
                        $('#digital-textbooks-info').show();
                    }
                }
            });
        }

        function setDigitalBook(bookId) {
            var set_book_cover = $('.icon-check.avater').attr('data-status');
            $.ajax({
                type: 'post',
                dataType: 'json',
                url: 'https://www.mosoteach.cn/web/index.php?c=clazzcourse&m=set_digital_book',
                data: {
                    'clazz_course_id': '9E603F91-4AF8-11EA-9C7F-98039B1848C6',
                    'digital_book_id': bookId,
                    'set_book_cover': set_book_cover
                },
                success: function (msg) {
                    switch (msg.result_code) {
                        case 0:
                            var bookCover = $('.books-selected img').attr('src'); // 获取封面
                            var bookName = $('.books-selected .books-name').find('li').eq(0).html(); // 获取书名
                            var bookAuthor = $('.books-selected .books-name').find('li').eq(1).children(
                                'span'); // 获取作者
                            var bookPublisher = $('.books-selected .books-name').find('li').eq(2)
                        .html(); // 获取出版社
                            $('#digital-book-img').next().remove();
                            if (bookId == -1) {
                                // 不设置云教材
                                $('#digital-book-img').attr('src',
                                    'https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/book-cover-new.png'
                                    ).after(
                                    '<span style="line-height: 100px; padding-left:20px;">暂未设置云教材</span>'
                                    );
                            } else {
                                // 确定设置
                                $('#digital-book-img').after(
                                    '<div style="margin-left:20px; display:inline-block;vertical-align:bottom;position:absolute;bottom:0px;"><span></span><div style="margin:10px 0;"></div><div></div></div>'
                                    );
                                // 放置书名 和 封面
                                $('#digital-book-img').attr('src', bookCover).next('div').children('span')
                                    .html(bookName);
                                // 放置作者
                                var author = '';
                                for (var i = 0, m = bookAuthor.length; i < m; i++) {
                                    author += '<span style="margin-right:4px">' + bookAuthor.eq(i).html() +
                                        '</span>';
                                }
                                $('#digital-book-img').next('div').children('div').eq(0).html(author);
                                // 放置出版社
                                if (bookPublisher.length == 0) {
                                    $('#digital-book-img').next('div').children('div').eq(1).remove();
                                } else {
                                    $('#digital-book-img').next('div').children('div').eq(1).empty().html(
                                        '<span>' + bookPublisher + '</span>');
                                }
                            }

                            $('#digital-textbooks-box').hide();
                            $('.icon-edit[data-box=books]').show();
                            $('#digital-book-img').parent().attr('data-book-id', bookId);

                            clearCache(function () {
                                window.location.reload(true);
                            }); // 清缓存
                            break;
                        case 1101:
                            confirms('提示', '没有授权该教材', '', '', '', 'alert');
                            break;
                        case 4003:
                            confirms('提示', '老师未设置云教材，无法创建云教材学习活动', '', '', '', 'alert', undefined, '好的');
                            break;
                        default:
                            commonError.handleFunc(msg.result_code);
                            break;
                    }
                }
            });
        }

        /**
         * 选中教材
         * @param 是否是公开教材   Y 公开教材， N 校本教材
         * @param 被选中的教材的序号
         */
        function selectedBook(bookStatus, id) {
            // 判断是否是公开教材
            if (bookStatus === 'N') {
                confirms('提示', '如果需要在班课中使用校本教材，请联系蓝墨：400-008-1078', '', '', '', 'alert');
                return false;
            }

            $('.books-info').removeClass('books-selected').attr('data-status', 'N');
            var isSelected = $('.books-info[data-id=' + id + ']').attr('data-status');
            if (isSelected === 'N') {
                $('.books-info[data-id=' + id + ']').addClass('books-selected')
                    .attr('data-status', 'Y');
                $('#set-books-button').removeClass('disabled').attr('disabled', false).attr('data-status', 'Y');
            } else {
                $('.books-info[data-id=' + id + ']').removeClass('books-selected')
                    .attr('data-status', 'N');
                $('#set-books-button').addClass('disabled').attr('disabled', true).attr('data-status', 'N');
            }
        }

        function clearCache(callback) {
            $.ajax({
                type: 'post',
                dataType: 'json',
                url: 'https://www.mosoteach.cn/web/index.php?c=clazzcourse&m=delete_cc_cache',
                data: {
                    'clazz_course_id': '9E603F91-4AF8-11EA-9C7F-98039B1848C6'
                },
                success: function (msg) {
                    if (typeof callback === 'function') {
                        callback();
                    }
                }
            });
        }
    </script>

    <!-- 当 Ajax 异步加载的时候需要显示加载图标。请使用公共的 showLoading 和  hideLoading JS 函数-->
    <div id="shade-box"></div>
    <div id="close-loading" onclick="closeLoading()"></div>
    <div id="loading_bg"></div>
    <img id="loading" src="./small_files/loading.gif" alt="loading">

    <!-- 换肤 -->
    <!-- <div id="set-menu-bg-box">
            <div id="bg-images-box">
                <span>一键更换背景，让你的班课更独特</span>

                <div class="clear25"></div>
                <ul style="overflow:hidden;">
                    <li id="prev-cc-bg"></li>
                    <li id="cc-menu-bg-list-box">
                        <ul id="cc-menu-bg-list" data-left="0">
                            <li class="bg-row" data-value="red" style="background:red;margin-left:0px;"></li>
                            <li class="bg-row" data-value="yellow" style="background:yellow"></li>
                            <li class="bg-row" data-value="yellowgreen" style="background:yellowgreen"></li>
                            <li class="bg-row" data-value="pink" style="background:pink"></li>
                            <li class="bg-row" data-value="gold" style="background:gold"></li>
                            <li class="bg-row" data-value="orange" style="background:orange"></li>
                            <li class="bg-row" data-value="cyan" style="background:cyan"></li>
                            <li class="bg-row" data-value="lightblue" style="background:lightblue"></li>
                            <li class="bg-row" data-value="#0BD" style="background:#0BD"></li>
                        </ul>
                    </li>
                    <li id="next-cc-bg" class="cc-menu-bg-page-button"></li>
                </ul>
            </div>

            <div id="close-set-bg"></div>
        </div> -->

    <div id="footer" style="padding-top: 12px;color: #333;">
        <div
            style=" margin:0 auto; line-height: 100%;display:flex;align-items: center;justify-content: center;margin-top: 4px;">
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020877"
                style="text-decoration:none;">
                <img src="./small_files/beian.png" style="float:left;">
                <p
                    style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; font-size: 12px; color: #666;">
                    京公网安备 11010802020877号
                </p>
            </a>
            <a target="_blank" href="http://www.beian.miit.gov.cn/"
                style="text-decoration:none;color: #666;margin-left:10px;">京ICP备12041916号-4</a>
        </div>
        <div>
            <span style="font-family: Verdana, Tahoma, Arial; display: block;line-height: 24px;">
                <script type="text/javascript">
                    document.write("©2012 - " +
                        new Date().getFullYear() +
                        " 北京智启蓝墨信息技术有限公司"); //update 自动更新的年份
                </script>©2012 - 2020 北京智启蓝墨信息技术有限公司
            </span>
        </div>
        <div>
            <span style="font-family: Verdana, Tahoma, Arial; display: block;">
                地址：北京市海淀区上地东路 35 号颐泉汇写字楼 316 室 &nbsp;&nbsp;&nbsp;&nbsp;联系电话：400-008-1078
            </span>
        </div>

    </div>

    <!-- 教学包登录弹窗 start -->
    <div class="pop" id="ccp-login-pop" style="display:none;">
        <div class="pop-shade"></div>
        <div class="pop-box" id="login-ccp-box">
            <div class="box-border">
                <div id="login-button-box">
                    <div id="account-login-button" class="selected">账号密码登录</div>
                    <div id="phone-login-button">短信验证登录</div>
                    <div class="close-login-button"></div>
                </div>

                <div class="login-success">
                    <i class="icon-exclamation-sign"></i>
                    <span></span>
                </div>

                <div class="login-from">
                    <!-- 账号密码登录  start -->
                    <form class="account-from">
                        <input type="text" name="account_name" autocomplete="off" placeholder="邮箱／手机" id="account-name">
                        <input type="password" name="user_password" maxlength="16" autocomplete="off" placeholder="密码"
                            id="user-pwd">
                        <div class="remember-me-box">
                            <i id="account-login-remember-me" class="icon-check-empty auto-login" data-type="account"
                                data-value="N"></i>
                            <span style="vertical-align: middle;">30 天自动登录</span>
                            <a class="forget-password"
                                href="https://www.mosoteach.cn/web/index.php?c=passport&amp;m=forget_password">忘记密码？</a>
                        </div>
                        <div class="slider-box" data-status="N" style="margin-bottom:25px;display: none;">
                            <div id="account-afs" class="nc-container"></div>
                        </div>
                        <button class="button-big" id="login-button-1" data-status="N" style="height:40px;">登录</button>
                    </form>
                    <!-- 账号密码登录 end -->

                    <!-- 短信验证登录 start -->
                    <form class="phone-from">
                        <div class="phone-number-input">
                            <i class="icon-mobile-phone icon-2x"></i>
                            <input type="text" name="phone_number" maxlength="11" autocomplete="off" placeholder="手机号"
                                id="phone-number">
                        </div>
                        <div class="slider-box">
                            <div id="phone-afs" class="nc-container"></div>
                        </div>
                        <div class="verify-box">
                            <input type="text" name="verify_code" maxlength="20" autocomplete="off" placeholder="验证码"
                                id="verify-code" style="margin-bottom:0px;">
                            <button id="get-verify-code" class="button-big disabled" disabled="disabled"
                                data-status="N">获取验证码</button>
                        </div>
                        <div class="remember-me-box" style="margin-bottom:32px;">
                            <i id="phone-login-remember-me" class="icon-check-empty auto-login" data-type="phone"
                                data-value="N"></i>
                            <span style="vertical-align: middle;">30 天自动登录</span>
                            <a class="forget-password"
                                href="https://www.mosoteach.cn/web/index.php?c=passport&amp;m=forget_password">忘记密码？</a>
                        </div>
                        <button class="button-big" id="login-button-2" style="height:40px;">登录</button>
                    </form>
                    <!-- 验证密码登录 end -->
                </div>

                <div class="forget-pwd-box">
                    <a href="https://www.mosoteach.cn/web/index.php?c=passport&amp;m=user_register"
                        target="_blank">注册蓝墨账号</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a
                        href="https://ssoweb.mosobiz.com/?return-to=https%3A%2F%2Fwww.mosoteach.cn%2Fweb%2Findex.php%3Fc%3Dpassport">学校账号密码登录</a>
                </div>
            </div>
        </div>
    </div>

    <div class="moso-cc-id" style="display:none;">9E603F91-4AF8-11EA-9C7F-98039B1848C6</div>
    <div class="moso-act-id" style="display:none;"></div>
    <!-- 教学包登录弹窗 end -->
    <script type="text/javascript">
        // 检查浏览器
        // var browser = get_browser();
        // if (browser.name == 'MSIE' && parseFloat(browser.version) < 10.0) {
        //     if (confirm("为了更好的使用体验，请使用推荐的浏览器来访问本站。点击“确定”查看我们推荐的浏览器")) {
        //         window.location.href = 'common/browsers.html';
        //     }
        // }
        var login_err = '';

        commonError.ccId = '9E603F91-4AF8-11EA-9C7F-98039B1848C6';
        // 班课封面加载失败
        function imgError(_this) {
            $(_this).attr('src', 'https://static-cdn-oss.mosoteach.cn/mosoteach2/common/images/book-cover-new.png');
        }
        var captchaPass = false;
        var url = '';
        $(function () {
            $('.ccp-login-window').click(function () {
                $('#ccp-login-pop').show();
            });
            // 每100毫秒检测一次用户输入的值 符合规则则让获取验证码按钮变成蓝色并且可点击
            $('#phone-number').focus(function () {
                var self = $(this);
                var phoneReg = /^1\d{10}/;
                var timerId = setInterval(function () {
                    var data = $.trim($(self).val());
                    if (phoneReg.test(data) && $("#get-verify-code").attr('data-status') ===
                        'Y') {
                        $("#get-verify-code").removeClass('disabled').attr('disabled', false)
                            .attr('data-status', 'Y');
                    } else {
                        // $("#get-verify-code").addClass('disabled').attr('disabled',true).attr('data-status','N');
                    }
                }, 100);
                $(self).attr('data-timer-id', timerId);
                $('.phone-number-input .icon-mobile-phone').css('color', '#00BBDD');
            });

            $('#phone-number').blur(function (e) {
                if ($(this).attr('data-timer-id')) {
                    clearInterval(+($(this).attr('data-timer-id')));
                }
                $(this).attr('data-timer-id', '');
                $('.phone-number-input .icon-mobile-phone').css('color', '#999');
            });

            // 获取验证码
            $("#get-verify-code").click(function () {
                $('.login-success').hide();
                // 获取获取验证码按钮的状态
                var status = $(this).attr('data-status');
                if (status === 'N') {
                    return false;
                }
                // 获取手机号
                var phoneNumber = $.trim($('#phone-number').val());
                // 声明匹配手机号的规则 1开头 11位数字
                var phoneReg = /^1\d{10}/;
                if (!phoneReg.test(phoneNumber)) {
                    $('.login-success span').text('手机号格式不正确，请重新输入');
                    $('.login-success').show();
                    return false;
                }
                // 如果获取验证码按钮的状态不为N 点击之后按钮的文字变为‘获取中...’，并且将按钮置为不可点击状态
                $(this).addClass('disabled').attr('disabled', true).attr('data-status', 'N').text(
                    '获取中...');
                $.ajax({
                    type: "POST",
                    url: "https://www.mosoteach.cn/web/index.php?c=passport&m=get_verify_code",
                    data: {
                        'phone_number': phoneNumber,
                        'type': 'LGN',
                        'scene': verifyData.scene || '',
                        'time': verifyData.time || '',
                        'sign': verifyData.sign || '',

                    },
                    dataType: "json",
                    success: function (msg) {
                        var msgText = '';
                        switch (msg.result_code) {
                            case 0:
                                var s = msg.count_down; //获取验证码的时间间隔
                                var retrieve = setInterval(function () {
                                    if (s > 0) {
                                        s--;
                                        $("#get-verify-code").addClass('disabled')
                                            .attr('disabled', true).attr(
                                                'data-status', 'N').text('重新获取(' +
                                                s + 's)');
                                        $('#phone-number').attr('disabled', true)
                                            .addClass('color-66');
                                    } else {
                                        clearInterval(retrieve); //清除定时器
                                        $('#phone-number').attr('disabled', false)
                                            .removeClass('color-66');
                                        $("#get-verify-code").addClass('disabled')
                                            .attr('disabled', true).attr(
                                                'data-status', 'N').text('获取验证码');
                                        if (isMobile === 'N') {
                                            sliderVerification('#phone-afs');
                                        } else {
                                            sliderVerifications('#phone-afs')
                                        }
                                    }
                                }, 1000);

                                break;
                            case -1:
                                msgText = '验证通过才能登录';
                                return;
                                break;
                            case 1101:
                                msgText = '手机号格式不正确，请重新输入'
                                break;
                            case 1103:
                                msgText = '用户不存在';
                                break
                            case 1104:
                                msgText = '请求次数过多，请稍后再试';
                                break;
                            default:
                                msgText = '应用错误';
                                MTWeb.showAjaxError(msg);
                        }
                        if (msg.result_code !== 0) {
                            $('.login-success span').text(msgText);
                            $('.login-success').show();

                            if (isMobile === 'N') {
                                sliderVerification('#phone-afs');
                            } else {
                                sliderVerifications('#phone-afs');
                            }
                            $("#get-verify-code").addClass('disabled').attr('disabled',
                                true).attr('data-status', 'N').text('获取验证码');
                        }
                    }
                });
                return false;
            });
        });
        //
        $('#task-center-button').click(function () {
            url = 'https://www.mosoteach.cn/web/index.php?c=task&m=index';
        });
        $('#library-manager-button').click(function () {
            url = 'https://www.mosoteach.cn/web/index.php?c=library_manager&m=index';
        });
        $('#my-quiz-button').click(function () {
            url = 'https://www.mosoteach.cn/web/index.php?c=quiz';
        });
        $('.logo').click(function () {
            url = 'https://www.mosoteach.cn/web/index.php?c=clazzcourse&m=index';
        });
        // 切换为短信验证登录方式
        var isMobile = '';
        $('#phone-login-button').click(function () {
            if (isMobile === 'N') {
                sliderVerification('#phone-afs');
            } else if (isMobile === 'Y') {
                sliderVerifications('#phone-afs');
            }
            // 切换为短信验证 滑块判断状态设置为false 验证码置灰
            captchaPass = false;
            $("#get-verify-code").addClass('disabled').attr('disabled', true).attr('data-status', 'N');

            // 切换登录方式时 将30天自动登录按钮置为初始状态
            $('.account-from .auto-login').removeClass('icon-check').addClass('icon-check-empty').attr(
                'data-value', 'N');
            $('#account-auto-login').val('N');
            $('.account-from .remember-me-box').css('color', '#888');
            //切换为短信验证 隐藏输入账号的文本框 让输入手机号的输入框显示 同事改变按钮的背景
            $('.account-from').hide();
            $('.phone-from').show();
            $('#account-login-button').removeClass('selected');
            $('#phone-login-button').addClass('selected');

            $('.login-success').hide();
        });
        // 切换为账号密码方式登录
        $('#account-login-button').click(function () {
            // 切换登录方式时 将30天自动登录按钮置为初始状态
            $('.phone-from .auto-login').removeClass('icon-check').addClass('icon-check-empty').attr(
                'data-value', 'N');
            $('#phone-auto-login').val('N');
            $('.phone-from .remember-me-box').css('color', '#888');
            //切换为账号密码登录 隐藏输入账号的文本框 让输入手机号的输入框显示 同事改变按钮的背景
            $('.account-from').show();
            $('.phone-from').hide();
            $('#account-login-button').addClass('selected');
            $('#phone-login-button').removeClass('selected');
            $('.login-success').hide();
        });

        // 30天自动登录
        $('.auto-login').click(function () {
            var checkboxType = $(this).attr('data-type'); //获取当前点击的是账号登录页还是短信验证登录页
            var autoLoginStatus = $(this).attr('data-value'); //获取是否选中自动登录按钮
            if (checkboxType === 'account') { // 账号登录时选择30天自动登录
                if (autoLoginStatus === 'N') { //如果当前为为选中 则改变按钮的样式并设置为选中状态 (data-value=Y)
                    $(this).removeClass('icon-check-empty').addClass('icon-check').attr('data-value', 'Y');
                    $('#account-auto-login').val('Y');
                    $('.account-from .remember-me-box').css('color', '#00BBDD');
                } else { //否则 将取消选中状态
                    $(this).removeClass('icon-check').addClass('icon-check-empty').attr('data-value', 'N');
                    $('#account-auto-login').val('N');
                    $('.account-from .remember-me-box').css('color', '#888');
                }
            } else { //短信验证页面选择30 天自动登录
                if (autoLoginStatus === 'N') { //如果当前为为选中 则改变按钮的样式并设置为选中状态 (data-value=Y)
                    $(this).removeClass('icon-check-empty').addClass('icon-check').attr('data-value', 'Y');
                    $('#phone-auto-login').val('Y');
                    $('.phone-from .remember-me-box').css('color', '#00BBDD');
                } else { //否则 将取消选中状态
                    $(this).removeClass('icon-check').addClass('icon-check-empty').attr('data-value', 'N');
                    $('#phone-auto-login').val('N');
                    $('.phone-from .remember-me-box').css('color', '#888');
                }
            }
        });


        // 账号登录
        $('#login-button-1').click(function () {
            var status = $(this).attr('data-status');
            if (status === 'Y') {
                $('.login-success span').text('验证通过才能登录');
                $('.login-success').show();
                return false;
            }
            //检测账号，密码是否为空
            var accountName = $('#account-name').val().replace(/\s/g, ''); //获取用户输入的账号
            var userPwd = $('#user-pwd').val(); //获取用户输入的密码

            if (accountName.length <= 0) { //如果为空 提示错误
                $('.login-success span').text('请输入账号');
                $('.login-success').show();
                return false;
            }
            if (userPwd.length <= 0) {
                $('.login-success span').text('请输入密码');
                $('.login-success').show();
                return false;
            }

            var reg = /^([a-zA-Z0-9\_\-\.])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
            var preg = /^1\d{10}/;
            if (!reg.test(accountName) && !preg.test(accountName)) {
                $('.login-success span').text('账号格式不正确，请重新输入');
                $('.login-success').show();
                return false;
            }

            var rememberMe = $('#account-login-remember-me').attr('data-value');
            //设置按钮不可点 防止网络较慢时多次点击按钮
            $('#login-button-1').addClass('disabled').attr('disabled', true);

            $.ajax({
                type: "post",
                url: "https://www.mosoteach.cn/web/index.php?c=passport&m=account_login",
                data: {
                    'account_name': html_encode(accountName),
                    'user_pwd': userPwd,
                    'remember_me': rememberMe,
                    'scene': verifyData.scene || '',
                    'time': verifyData.time || '',
                    'sign': verifyData.sign || '',
                },
                dataType: "json",
                success: function (msg) {
                    switch (msg.result_code) {
                        case 0:
                            if (url && url.length > 0) {
                                window.location.href = url;
                            } else {
                                window.location.reload();
                            }
                            $('#ccp-login-pop').hide();
                            break;
                        case -1:
                            $('.login-success span').text('验证通过才能登录');
                            $('.login-success').show();
                            break;
                        case 1007:
                            // $('#login-button-1').removeClass('disabled').attr('disabled',false);//恢复登录按钮的可点击状态
                            $('.login-success span').text('用户名或密码错误，请重新输入');
                            $('.login-success').show();
                            $('.account-from .remember-me-box').css('margin-bottom', '20px');
                            $('.slider-box').show();
                            var slider_status = $('.slider-box').attr('data-status');
                            if (isMobile === 'N') {
                                //pc端
                                sliderVerification();
                            } else if (isMobile === 'Y') {
                                //手机端
                                sliderVerifications();
                            }

                            $('#login-button-1').attr('data-status', 'Y');
                            break;
                        default:
                            // $('#login-button-1').removeClass('disabled').attr('disabled',false);//恢复登录按钮的可点击状态
                            MTWeb.showAjaxError(msg);
                    }
                    $('#login-button-1').removeClass('disabled').attr('disabled', false);
                },
                error: function (e) {
                    $('#login-button-1').removeClass('disabled').attr('disabled',
                    false); //恢复登录按钮的可点击状态
                    alert('发生未知错误，请稍后重试！');
                }
            });
            return false;
        });

        //短信验证登录
        $('#login-button-2').click(function () {
            var phoneNumber = $.trim($('#phone-number').val()); //获取用户输入的手机号
            var verifyCode = $.trim($('#verify-code').val()); //获取验证码

            // 如果手机号为空 提示手机号不能为空
            if (phoneNumber.length <= 0) {
                $(this).attr('data-status', 'Y');
                $('.login-success span').text('请输入手机号');
                $('.login-success').show();
                return false;
            }

            // 声明匹配手机号的规则 1开头 11位数字
            var preg = /^1\d{10}/;
            if (!preg.test(phoneNumber)) {
                $(this).attr('data-status', 'Y');
                $('.login-success span').text('手机号格式不正确，请重新输入');
                $('.login-success').show();
                return false;
            }
            // 检测验证码是否为空
            if (verifyCode.length <= 0) {
                $(this).attr('data-status', 'Y');
                $('.login-success span').text('请输入验证码');
                $('.login-success').show();
                return false;
            } else {
                $('#login-button-2').attr('data-status', 'N');
            }
            //防止网络较慢时 多次点击
            $('#login-button-2').addClass('disabled').attr('disabled', true);

            var rememberMe = $('#phone-login-remember-me').attr('data-value');

            // 如果满足 手机号不为空且格式正确，验证码不为空 的条件 发送ajax验证信息是否正确
            $.ajax({
                type: "POST",
                url: "https://www.mosoteach.cn/web/index.php?c=passport&m=phone_login",
                data: {
                    'phone_number': phoneNumber,
                    'verification_code': verifyCode,
                    'remember_me': rememberMe
                },
                dataType: "json",
                success: function (msg) {
                    var msgText = '';
                    switch (msg.result_code) {
                        case 0:
                            if (url && url.length > 0) {
                                window.location.href = url;
                            } else {
                                window.location.reload();
                            }
                            $('#ccp-login-pop').hide();
                            break;
                        case -1:
                            msgText = '验证通过才能登录';
                            break;
                        case 1101:
                            msgText = '验证码错误，请重新输入';
                            break;
                        case 1102:
                            msgText = '验证码已过期，请重新获取';
                            break;
                        case 1103:
                            msgText = '用户不存在';
                            break;
                        default:
                            msgText = '应用错误';
                            MTWeb.showAjaxError(msg);
                    }
                    if (msg.result_code !== 0) {
                        $('#login-button-2').removeClass('disabled').attr('disabled', false).attr(
                            'data-status', 'Y');
                        $('.login-success span').text(msgText);
                        $('.login-success').show();
                    }
                }
            });
            return false;
        });
        $('.close-login-button').click(function () {
            $('#ccp-login-pop').hide();
        });
        var cfKey = 'FFFF0N0N0000000058A9';
        var nc_token = [cfKey, (new Date()).getTime(), Math.random()].join(':');
        var captchaPass = false; // 滑动验证是否成功
        var verifyData = {};
        if (isMobile === 'N') {
            // web端
            function sliderVerification(name) {
                if (!name) name = '#account-afs';
                var scene = 'nc_login';
                var NC_Opt = {
                    renderTo: name,
                    appkey: cfKey,
                    scene: scene,
                    token: nc_token,
                    customWidth: 300,
                    trans: {
                        "key1": "code0"
                    },
                    elementID: ["usernameID"],
                    is_Opt: 0,
                    language: "cn",
                    isEnabled: true,
                    timeout: 3000,
                    times: 5,

                    callback: function (data) {
                        if (data.token === nc_token) {
                            console.log('一样');
                        } else {
                            console.log('不一样');
                        }
                        $.ajax({
                            type: "POST",
                            url: 'https://www.mosoteach.cn/web/index.php?c=passport&m=test_afs',
                            data: {
                                session_id: data.csessionid,
                                token: nc_token,
                                sig: data.sig,
                                scene: scene
                            },
                            dataType: "json",
                            success: function (msg) {
                                if (msg.result_code == 0) {
                                    verifyData = msg.data;
                                    if (name === '#account-afs') {
                                        $('#login-button-1').attr('data-status', 'N');
                                    } else {
                                        captchaPass = true;
                                        $("#get-verify-code").removeClass('disabled').attr(
                                            'disabled', false).attr('data-status', 'Y');
                                        $('#login-button-2').attr('data-status', 'N');
                                    }
                                }
                            }
                        });
                    }
                }
                var nc = new noCaptcha(NC_Opt);
                nc.upLang('cn', {
                    _startTEXT: "请按住滑块，拖动到最右边",
                    _yesTEXT: "验证通过",
                    _error300: "哎呀，出错了，点击<a href=\"javascript:__nc.reset()\">刷新</a>再来一次",
                    _errorNetwork: "网络不给力，请<a href=\"javascript:__nc.reset()\">点击刷新</a>",
                });
                return nc;
            }
        } else if (isMobile === 'Y') {
            //使用手机打开
            function sliderVerifications(name) {
                if (!name) name = '#account-afs';
                var scene = 'nc_login_h5';
                var nc = NoCaptcha.init({
                    renderTo: name,
                    appkey: cfKey,
                    scene: scene,
                    token: nc_token,
                    customWidth: 300,
                    trans: {
                        "key1": "code200"
                    },
                    elementID: ["usernameID"],
                    is_Opt: 0,
                    language: "cn",
                    timeout: 10000,
                    retryTimes: 5,
                    errorTimes: 5,
                    inline: false,
                    apimap: {
                        // 'analyze': '//a.com/nocaptcha/analyze.jsonp',
                        // 'uab_Url': '//aeu.alicdn.com/js/uac/909.js',
                    },
                    bannerHidden: false,
                    initHidden: false,
                    callback: function (data) {
                        $.ajax({
                            type: "POST",
                            url: 'https://www.mosoteach.cn/web/index.php?c=passport&m=test_afs',
                            data: {
                                session_id: data.csessionid,
                                token: nc_token,
                                sig: data.sig,
                                scene: scene
                            },
                            dataType: "json",
                            success: function (msg) {
                                if (msg.result_code == 0) {
                                    verifyData = msg.data;
                                    if (name === '#account-afs') {
                                        $('#login-button-1').attr('data-status', 'N');
                                    } else {
                                        captchaPass = true;
                                        var phone = $('#phone-number').val();
                                        if (phone) {
                                            $("#get-verify-code").removeClass('disabled').attr(
                                                'disabled', false).attr('data-status', 'Y');
                                        }
                                        $('#login-button-2').attr('data-status', 'N');
                                    }
                                }
                            }
                        });
                    },
                    error: function (s) {
                        // alert(s);
                    }
                });
                NoCaptcha.setEnabled(true);
                nc.reset(); //请务必确保这里调用一次reset()方法
                NoCaptcha.upLang('cn', {
                    'LOADING': "加载中...", //加载
                    'SLIDER_LABEL': "请向右滑动验证", //等待滑动
                    'CHECK_Y': "验证通过", //通过
                    'ERROR_TITLE': "非常抱歉，这出错了...", //拦截
                    'CHECK_N': "验证未通过", //准备唤醒二次验证
                    'OVERLAY_INFORM': "经检测你当前操作环境存在风险，请输入验证码", //二次验证
                    'TIPS_TITLE': "验证码错误，请重新输入" //验证码输错时的提示
                });
                // return nc;
            }
        }

        if (login_err === 'Y') {
            if (isMobile === 'N') {
                //pc端
                $('.slider-box').show();
                $('.account-from .remember-me-box').css('margin-bottom', '20px');
                sliderVerification();
                $('#login-button-1').removeClass('disabled').attr('disabled', false);
            } else if (isMobile === 'Y') {
                //手机端
                sliderVerifications();
                $('#login-button-2').removeClass('disabled').attr('disabled', false).attr('data-status', 'Y');
            }
        }
    </script>


    <div class="back-top-button" title="返回顶部" style="top: 654px; left: 1451px;"><img src="./small_files/icon-top.png">
    </div>
    <div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
        <div class="xl-chrome-ext-bar__logo"></div>

        <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
        <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
    </div>
    <div class="panel combo-p" style="position: absolute; z-index: 10; display: none;">
        <div class="combo-panel panel-body panel-body-noheader" title="" id="">
            <div id="_easyui_combobox_i1_0" class="combobox-item">0 经验值</div>
            <div id="_easyui_combobox_i1_1" class="combobox-item">1 经验值</div>
            <div id="_easyui_combobox_i1_2" class="combobox-item">2 经验值</div>
            <div id="_easyui_combobox_i1_3" class="combobox-item combobox-item-selected">3 经验值</div>
            <div id="_easyui_combobox_i1_4" class="combobox-item">4 经验值</div>
            <div id="_easyui_combobox_i1_5" class="combobox-item">5 经验值</div>
            <div id="_easyui_combobox_i1_6" class="combobox-item">6 经验值</div>
            <div id="_easyui_combobox_i1_7" class="combobox-item">7 经验值</div>
            <div id="_easyui_combobox_i1_8" class="combobox-item">8 经验值</div>
            <div id="_easyui_combobox_i1_9" class="combobox-item">9 经验值</div>
            <div id="_easyui_combobox_i1_10" class="combobox-item">10 经验值</div>
        </div>
    </div>
    <div class="panel combo-p" style="position: absolute; z-index: 10; display: none;">
        <div class="combo-panel panel-body panel-body-noheader" title="" id=""></div>
    </div>
    <div class="panel combo-p" style="position: absolute; z-index: 10; display: none;">
        <div class="combo-panel panel-body panel-body-noheader" title="" id=""></div>
    </div>
    <div class="panel combo-p" style="position: absolute; z-index: 10; display: none;">
        <div class="combo-panel panel-body panel-body-noheader" title="" id="">
            <div id="_easyui_combobox_i2_0" class="combobox-item combobox-item-selected">未分组</div>
            <div id="_easyui_combobox_i2_1" class="combobox-item">16结课</div>
            <div id="_easyui_combobox_i2_2" class="combobox-item">15网络编程</div>
            <div id="_easyui_combobox_i2_3" class="combobox-item">14多线程应用</div>
            <div id="_easyui_combobox_i2_4" class="combobox-item">13多线程编程基础</div>
            <div id="_easyui_combobox_i2_5" class="combobox-item">12JDBC</div>
            <div id="_easyui_combobox_i2_6" class="combobox-item">11IO流与Stream流</div>
            <div id="_easyui_combobox_i2_7" class="combobox-item">10函数式接口与Lambda表达式</div>
            <div id="_easyui_combobox_i2_8" class="combobox-item">09常用组件与事件</div>
            <div id="_easyui_combobox_i2_9" class="combobox-item">08事件处理</div>
            <div id="_easyui_combobox_i2_10" class="combobox-item">07GUI界面设计</div>
            <div id="_easyui_combobox_i2_11" class="combobox-item">06Map集合与泛型进阶</div>
            <div id="_easyui_combobox_i2_12" class="combobox-item">05对象比较与Set集合</div>
            <div id="_easyui_combobox_i2_13" class="combobox-item">04泛型与集合</div>
            <div id="_easyui_combobox_i2_14" class="combobox-item">03Java8日期时间的处理</div>
            <div id="_easyui_combobox_i2_15" class="combobox-item">02正则表达式</div>
            <div id="_easyui_combobox_i2_16" class="combobox-item">01复习与回顾：类的定义与使用</div>
            <div id="_easyui_combobox_i2_17" class="combobox-item">01课程介绍</div>
            <div id="_easyui_combobox_i2_18" class="combobox-item">00课前准备</div>
            <div id="_easyui_combobox_i2_19" class="combobox-item">00工具软件</div>
        </div>
    </div>
    <div class="panel combo-p" style="position: absolute; z-index: 10; display: none;">
        <div class="combo-panel panel-body panel-body-noheader" title="" id=""></div>
    </div>
    <div class="panel combo-p" style="position: absolute; z-index: 10; display: none;">
        <div class="combo-panel panel-body panel-body-noheader" title="" id=""></div>
    </div>
    <div class="panel combo-p" style="position: absolute; z-index: 10; display: none;">
        <div class="combo-panel panel-body panel-body-noheader" title="" id="" style="overflow: hidden;">
            <div class="datebox-calendar-inner">
                <div class="calendar" style="width: 180px; height: 180px;">
                    <div class="calendar-header">
                        <div class="calendar-nav calendar-prevmonth"></div>
                        <div class="calendar-nav calendar-nextmonth"></div>
                        <div class="calendar-nav calendar-prevyear"></div>
                        <div class="calendar-nav calendar-nextyear"></div>
                        <div class="calendar-title"><span class="calendar-text">九月 2020</span></div>
                    </div>
                    <div class="calendar-body" style="height: 180px;">
                        <table class="calendar-dtable" cellspacing="0" cellpadding="0" border="0">
                            <thead>
                                <tr>
                                    <th>日</th>
                                    <th>一</th>
                                    <th>二</th>
                                    <th>三</th>
                                    <th>四</th>
                                    <th>五</th>
                                    <th>六</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="calendar-first">
                                    <td class="calendar-day calendar-other-month calendar-sunday calendar-first "
                                        abbr="2020,8,30" style="">30</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,8,31" style="">31</td>
                                    <td class="calendar-day " abbr="2020,9,1" style="">1</td>
                                    <td class="calendar-day " abbr="2020,9,2" style="">2</td>
                                    <td class="calendar-day " abbr="2020,9,3" style="">3</td>
                                    <td class="calendar-day " abbr="2020,9,4" style="">4</td>
                                    <td class="calendar-day calendar-saturday calendar-last " abbr="2020,9,5" style="">5
                                    </td>
                                </tr>
                                <tr class="">
                                    <td class="calendar-day calendar-sunday calendar-first " abbr="2020,9,6" style="">6
                                    </td>
                                    <td class="calendar-day " abbr="2020,9,7" style="">7</td>
                                    <td class="calendar-day " abbr="2020,9,8" style="">8</td>
                                    <td class="calendar-day " abbr="2020,9,9" style="">9</td>
                                    <td class="calendar-day " abbr="2020,9,10" style="">10</td>
                                    <td class="calendar-day " abbr="2020,9,11" style="">11</td>
                                    <td class="calendar-day calendar-today calendar-selected calendar-saturday calendar-last "
                                        abbr="2020,9,12" style="">12</td>
                                </tr>
                                <tr class="">
                                    <td class="calendar-day calendar-sunday calendar-first " abbr="2020,9,13" style="">
                                        13</td>
                                    <td class="calendar-day " abbr="2020,9,14" style="">14</td>
                                    <td class="calendar-day " abbr="2020,9,15" style="">15</td>
                                    <td class="calendar-day " abbr="2020,9,16" style="">16</td>
                                    <td class="calendar-day " abbr="2020,9,17" style="">17</td>
                                    <td class="calendar-day " abbr="2020,9,18" style="">18</td>
                                    <td class="calendar-day calendar-saturday calendar-last " abbr="2020,9,19" style="">
                                        19</td>
                                </tr>
                                <tr class="">
                                    <td class="calendar-day calendar-sunday calendar-first " abbr="2020,9,20" style="">
                                        20</td>
                                    <td class="calendar-day " abbr="2020,9,21" style="">21</td>
                                    <td class="calendar-day " abbr="2020,9,22" style="">22</td>
                                    <td class="calendar-day " abbr="2020,9,23" style="">23</td>
                                    <td class="calendar-day " abbr="2020,9,24" style="">24</td>
                                    <td class="calendar-day " abbr="2020,9,25" style="">25</td>
                                    <td class="calendar-day calendar-saturday calendar-last " abbr="2020,9,26" style="">
                                        26</td>
                                </tr>
                                <tr class="">
                                    <td class="calendar-day calendar-sunday calendar-first " abbr="2020,9,27" style="">
                                        27</td>
                                    <td class="calendar-day " abbr="2020,9,28" style="">28</td>
                                    <td class="calendar-day " abbr="2020,9,29" style="">29</td>
                                    <td class="calendar-day " abbr="2020,9,30" style="">30</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,1" style="">1</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,2" style="">2</td>
                                    <td class="calendar-day calendar-other-month calendar-saturday calendar-last "
                                        abbr="2020,10,3" style="">3</td>
                                </tr>
                                <tr class="calendar-last">
                                    <td class="calendar-day calendar-other-month calendar-sunday calendar-first "
                                        abbr="2020,10,4" style="">4</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,5" style="">5</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,6" style="">6</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,7" style="">7</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,8" style="">8</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,9" style="">9</td>
                                    <td class="calendar-day calendar-other-month calendar-saturday calendar-last "
                                        abbr="2020,10,10" style="">10</td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="calendar-menu" style="display: none;">
                            <div class="calendar-menu-year-inner"><span
                                    class="calendar-nav calendar-menu-prev"></span><span><input
                                        class="calendar-menu-year" type="text"></span><span
                                    class="calendar-nav calendar-menu-next"></span></div>
                            <div class="calendar-menu-month-inner"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel combo-p" style="position: absolute; z-index: 10; display: none;">
        <div class="combo-panel panel-body panel-body-noheader" title="" id="" style="overflow: hidden;">
            <div class="datebox-calendar-inner">
                <div class="calendar" style="width: 180px; height: 180px;">
                    <div class="calendar-header">
                        <div class="calendar-nav calendar-prevmonth"></div>
                        <div class="calendar-nav calendar-nextmonth"></div>
                        <div class="calendar-nav calendar-prevyear"></div>
                        <div class="calendar-nav calendar-nextyear"></div>
                        <div class="calendar-title"><span class="calendar-text">九月 2020</span></div>
                    </div>
                    <div class="calendar-body" style="height: 180px;">
                        <table class="calendar-dtable" cellspacing="0" cellpadding="0" border="0">
                            <thead>
                                <tr>
                                    <th>日</th>
                                    <th>一</th>
                                    <th>二</th>
                                    <th>三</th>
                                    <th>四</th>
                                    <th>五</th>
                                    <th>六</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="calendar-first">
                                    <td class="calendar-day calendar-other-month calendar-sunday calendar-first "
                                        abbr="2020,8,30" style="">30</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,8,31" style="">31</td>
                                    <td class="calendar-day " abbr="2020,9,1" style="">1</td>
                                    <td class="calendar-day " abbr="2020,9,2" style="">2</td>
                                    <td class="calendar-day " abbr="2020,9,3" style="">3</td>
                                    <td class="calendar-day " abbr="2020,9,4" style="">4</td>
                                    <td class="calendar-day calendar-saturday calendar-last " abbr="2020,9,5" style="">5
                                    </td>
                                </tr>
                                <tr class="">
                                    <td class="calendar-day calendar-sunday calendar-first " abbr="2020,9,6" style="">6
                                    </td>
                                    <td class="calendar-day " abbr="2020,9,7" style="">7</td>
                                    <td class="calendar-day " abbr="2020,9,8" style="">8</td>
                                    <td class="calendar-day " abbr="2020,9,9" style="">9</td>
                                    <td class="calendar-day " abbr="2020,9,10" style="">10</td>
                                    <td class="calendar-day " abbr="2020,9,11" style="">11</td>
                                    <td class="calendar-day calendar-today calendar-selected calendar-saturday calendar-last "
                                        abbr="2020,9,12" style="">12</td>
                                </tr>
                                <tr class="">
                                    <td class="calendar-day calendar-sunday calendar-first " abbr="2020,9,13" style="">
                                        13</td>
                                    <td class="calendar-day " abbr="2020,9,14" style="">14</td>
                                    <td class="calendar-day " abbr="2020,9,15" style="">15</td>
                                    <td class="calendar-day " abbr="2020,9,16" style="">16</td>
                                    <td class="calendar-day " abbr="2020,9,17" style="">17</td>
                                    <td class="calendar-day " abbr="2020,9,18" style="">18</td>
                                    <td class="calendar-day calendar-saturday calendar-last " abbr="2020,9,19" style="">
                                        19</td>
                                </tr>
                                <tr class="">
                                    <td class="calendar-day calendar-sunday calendar-first " abbr="2020,9,20" style="">
                                        20</td>
                                    <td class="calendar-day " abbr="2020,9,21" style="">21</td>
                                    <td class="calendar-day " abbr="2020,9,22" style="">22</td>
                                    <td class="calendar-day " abbr="2020,9,23" style="">23</td>
                                    <td class="calendar-day " abbr="2020,9,24" style="">24</td>
                                    <td class="calendar-day " abbr="2020,9,25" style="">25</td>
                                    <td class="calendar-day calendar-saturday calendar-last " abbr="2020,9,26" style="">
                                        26</td>
                                </tr>
                                <tr class="">
                                    <td class="calendar-day calendar-sunday calendar-first " abbr="2020,9,27" style="">
                                        27</td>
                                    <td class="calendar-day " abbr="2020,9,28" style="">28</td>
                                    <td class="calendar-day " abbr="2020,9,29" style="">29</td>
                                    <td class="calendar-day " abbr="2020,9,30" style="">30</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,1" style="">1</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,2" style="">2</td>
                                    <td class="calendar-day calendar-other-month calendar-saturday calendar-last "
                                        abbr="2020,10,3" style="">3</td>
                                </tr>
                                <tr class="calendar-last">
                                    <td class="calendar-day calendar-other-month calendar-sunday calendar-first "
                                        abbr="2020,10,4" style="">4</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,5" style="">5</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,6" style="">6</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,7" style="">7</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,8" style="">8</td>
                                    <td class="calendar-day calendar-other-month " abbr="2020,10,9" style="">9</td>
                                    <td class="calendar-day calendar-other-month calendar-saturday calendar-last "
                                        abbr="2020,10,10" style="">10</td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="calendar-menu" style="display: none;">
                            <div class="calendar-menu-year-inner"><span
                                    class="calendar-nav calendar-menu-prev"></span><span><input
                                        class="calendar-menu-year" type="text"></span><span
                                    class="calendar-nav calendar-menu-next"></span></div>
                            <div class="calendar-menu-month-inner"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>